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

#b9dbf5 คือ rgb(185, 219, 245) ใน RGB และ oklch(87.523% 0.05097 241.135) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b9dbf5 |
| RGB | rgb(185, 219, 245) |
| HSL | hsl(206, 75%, 84.31%) |
| HSB / HSV | hsv(206 24.49% 96.08%) |
| HWB | hwb(206 72.55% 3.92%) |
| CMYK | cmyk(24% 11% 0% 4%) |
| Lab | lab(85.56 -7.37 -16.68) |
| LCH | lch(85.56 18.24 246.17) |
| OKLab | oklab(87.523% -0.02461 -0.04464) |
| OKLCH | oklch(87.523% 0.05097 241.135) |
| Display P3 | color(display-p3 0.75145 0.85483 0.95045) |
| Rec. 2020 | color(rec2020 0.75914 0.83414 0.94282) |
| Adobe RGB | color(a98-rgb 0.76118 0.8549 0.95547) |
| ProPhoto RGB | color(prophoto-rgb 0.76608 0.81514 0.9325) |
| sRGB เชิงเส้น | color(srgb-linear 0.48515 0.70838 0.9131) |
| XYZ D65 | color(xyz-d65 0.61817 0.67569 0.96174) |
| XYZ D50 | color(xyz-d50 0.61503 0.67112 0.72757) |
| SwiftUI | Color(red: 0.725, green: 0.859, blue: 0.961) |
| UIKit | UIColor(red: 0.725, green: 0.859, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFFB9DBF5) |
| Android XML | #B9DBF5 |

## ข้อมูล

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

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

#b9dbf5, #c0dff6, #c7e2f7, #cee6f8, #d5e9f9, #dcedfa, #e3f1fb, #eaf4fc, #f1f8fd, #f8fbfe

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

#b9dbf5, #a0bed5, #89a2b6, #718798, #5b6d7b, #46545f, #313c44, #1e262b, #0d1115, #020203

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

#b9dbf5, #bcdbf2, #bfdaef, #c2daec, #c5d9e9, #c8d9e6, #cbd8e2, #cdd7df, #d0d7dc, #d3d6d9

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

- คู่ตรงข้าม: #b9dbf5, #f0cfb5
- คู่ตรงข้ามแยก: #b9dbf5, #f6cac2, #e2d5b0
- ข้างเคียง: #b9dbf5, #b0e0e9, #c9d5f9
- สามเส้า: #b9dbf5, #f4c9d4, #d0dcb7
- สี่เหลี่ยมผืนผ้า: #b9dbf5, #dbcff3, #f0cfb5, #d0dcb7
- สี่เหลี่ยมจัตุรัส: #b9dbf5, #ebcae6, #f0cfb5, #bee0c5
- โทนสีเดียว: #b9dbf5, #6f8fa7, #93b4cd, #dff9ff, #dff9ff

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

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

#b9dbf5 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(185, 219, 245) ใน HSL คือ hsl(206, 75%, 84.31%) และใน OKLCH คือ oklch(87.523% 0.05097 241.135)

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

สีตรงข้ามของ #b9dbf5 คือ #f0cfb5 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b0e0e9 และ #c9d5f9 ส่วนสีสามเส้าคือ #f4c9d4 และ #d0dcb7

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

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

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

#b9dbf5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 241 องศา ความสว่าง 87.5% และความสด 0.051