# สี #b7d4db: โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว

#b7d4db คือ rgb(183, 212, 219) ใน RGB และ oklch(85.08% 0.03243 213.917) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

แหล่งที่มา: https://pickshade.com/th/color/b7d4db

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b7d4db |
| RGB | rgb(183, 212, 219) |
| HSL | hsl(191.67, 33.33%, 78.82%) |
| HSB / HSV | hsv(191.67 16.44% 85.88%) |
| HWB | hwb(191.67 71.76% 14.12%) |
| CMYK | cmyk(16% 3% 0% 14%) |
| Lab | lab(82.93 -8.91 -6.89) |
| LCH | lch(82.93 11.26 217.72) |
| OKLab | oklab(85.08% -0.02691 -0.0181) |
| OKLCH | oklch(85.08% 0.03243 213.917) |
| Display P3 | color(display-p3 0.73952 0.82792 0.85471) |
| Rec. 2020 | color(rec2020 0.73696 0.80388 0.83707) |
| Adobe RGB | color(a98-rgb 0.74679 0.82691 0.85377) |
| ProPhoto RGB | color(prophoto-rgb 0.73004 0.78149 0.81929) |
| sRGB เชิงเส้น | color(srgb-linear 0.47353 0.65837 0.70838) |
| XYZ D65 | color(xyz-d65 0.55855 0.62268 0.76096) |
| XYZ D50 | color(xyz-d50 0.56142 0.62028 0.57636) |
| SwiftUI | Color(red: 0.718, green: 0.831, blue: 0.859) |
| UIKit | UIColor(red: 0.718, green: 0.831, blue: 0.859, alpha: 1) |
| Flutter / Compose | Color(0xFFB7D4DB) |
| Android XML | #B7D4DB |

## ข้อมูล

- ชื่อที่ใกล้ที่สุด: โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว
- กลุ่มสี: สีฟ้าอมเขียว, โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว
- คลาส Tailwind ที่ใกล้ที่สุด: slate-300
- ขอบเขตสี: อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
- คอนทราสต์กับสีขาว: 1.56:1
- คอนทราสต์กับสีดำ: 13.45:1

## สีผสมขาว (Tint)

#b7d4db, #bed8df, #c5dde2, #cde1e6, #d4e5e9, #dbe9ed, #e2eef1, #e9f2f4, #f1f6f8, #f8fbfb

## สีผสมดำ (Shade)

#b7d4db, #9fb8be, #879da2, #708387, #5a696d, #455154, #313a3c, #1e2426, #0c1011, #020202

## สีผสมเทา (Tone)

#b7d4db, #b9d3da, #bcd3d8, #bed2d7, #c0d2d6, #c3d1d4, #c5d0d3, #c7d0d2, #c9cfd0, #cccecf

## ชุดสีที่เข้ากัน

- คู่ตรงข้าม: #b7d4db, #e2c7c0
- คู่ตรงข้ามแยก: #b7d4db, #e2c6cb, #decab9
- ข้างเคียง: #b7d4db, #b8d5d0, #bdd1e2
- สามเส้า: #b7d4db, #dcc7d7, #d5ceb7
- สี่เหลี่ยมผืนผ้า: #b7d4db, #c7cde4, #e2c7c0, #d5ceb7
- สี่เหลี่ยมจัตุรัส: #b7d4db, #d2c9e0, #e2c7c0, #c9d2bb
- โทนสีเดียว: #b7d4db, #6e898f, #92aeb4, #defbff, #defbff

## คำถามเกี่ยวกับ #b7d4db

### #b7d4db คือสีอะไร

#b7d4db เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(183, 212, 219) ใน HSL คือ hsl(191.67, 33.33%, 78.82%) และใน OKLCH คือ oklch(85.08% 0.03243 213.917)

### สีอะไรเข้ากับ #b7d4db

สีตรงข้ามของ #b7d4db คือ #e2c7c0 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b8d5d0 และ #bdd1e2 ส่วนสีสามเส้าคือ #dcc7d7 และ #d5ceb7

### ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #b7d4db

ตัวอักษรสีดำอ่านง่ายกว่าบน #b7d4db: สีขาวให้อัตราคอนทราสต์ 1.56:1 และสีดำให้ 13.45:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1

### #b7d4db เป็นสีโทนร้อนหรือโทนเย็น

#b7d4db เป็นสีโทนเย็น ใน OKLCH มีฮิว 214 องศา ความสว่าง 85.1% และความสด 0.032