# สี #bbd4f0: โทนพาสเทล เฉดอ่อนมากของสีน้ำเงิน

#bbd4f0 คือ rgb(187, 212, 240) ใน RGB และ oklch(86.045% 0.04743 251.334) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bbd4f0 |
| RGB | rgb(187, 212, 240) |
| HSL | hsl(211.7, 63.86%, 83.73%) |
| HSB / HSV | hsv(211.7 22.08% 94.12%) |
| HWB | hwb(211.7 73.33% 5.88%) |
| CMYK | cmyk(22% 12% 0% 6%) |
| Lab | lab(83.72 -4.19 -16.77) |
| LCH | lch(83.72 17.28 255.97) |
| OKLab | oklab(86.045% -0.01518 -0.04494) |
| OKLCH | oklch(86.045% 0.04743 251.334) |
| Display P3 | color(display-p3 0.75197 0.82836 0.93071) |
| Rec. 2020 | color(rec2020 0.75182 0.80606 0.92057) |
| Adobe RGB | color(a98-rgb 0.7575 0.82691 0.935) |
| ProPhoto RGB | color(prophoto-rgb 0.75492 0.78615 0.90767) |
| sRGB เชิงเส้น | color(srgb-linear 0.49693 0.65837 0.87137) |
| XYZ D65 | color(xyz-d65 0.59762 0.63942 0.91634) |
| XYZ D50 | color(xyz-d50 0.59494 0.63537 0.69308) |
| SwiftUI | Color(red: 0.733, green: 0.831, blue: 0.941) |
| UIKit | UIColor(red: 0.733, green: 0.831, blue: 0.941, alpha: 1) |
| Flutter / Compose | Color(0xFFBBD4F0) |
| Android XML | #BBD4F0 |

## ข้อมูล

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

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

#bbd4f0, #c2d8f2, #c8ddf3, #cfe1f5, #d6e5f6, #dde9f8, #e4eef9, #eaf2fb, #f1f6fc, #f8fbfe

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

#bbd4f0, #a2b8d1, #8a9db2, #738395, #5c6978, #46515d, #323a43, #1f242a, #0d1014, #020203

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

#bbd4f0, #bdd4ed, #c0d3ea, #c2d3e7, #c4d3e4, #c6d3e1, #c8d2de, #cbd2da, #cdd2d7, #cfd1d4

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

- คู่ตรงข้าม: #bbd4f0, #e5cdb0
- คู่ตรงข้ามแยก: #bbd4f0, #eec8ba, #d7d3af
- ข้างเคียง: #bbd4f0, #b0d9e7, #cbcef0
- สามเส้า: #bbd4f0, #eec5c9, #c6d8b8
- สี่เหลี่ยมผืนผ้า: #bbd4f0, #dbc9e8, #e5cdb0, #c6d8b8
- สี่เหลี่ยมจัตุรัส: #bbd4f0, #e8c6da, #e5cdb0, #b7dbc7
- โทนสีเดียว: #bbd4f0, #7289a3, #95aec9, #e4f8ff, #e4f8ff

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

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

#bbd4f0 เป็นโทนพาสเทล เฉดอ่อนมากของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีน้ำเงิน ใน RGB คือ rgb(187, 212, 240) ใน HSL คือ hsl(211.7, 63.86%, 83.73%) และใน OKLCH คือ oklch(86.045% 0.04743 251.334)

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

สีตรงข้ามของ #bbd4f0 คือ #e5cdb0 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b0d9e7 และ #cbcef0 ส่วนสีสามเส้าคือ #eec5c9 และ #c6d8b8

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

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

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

#bbd4f0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 251 องศา ความสว่าง 86% และความสด 0.047