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

#b6cee5 คือ rgb(182, 206, 229) ใน RGB และ oklch(84.089% 0.0414 247.178) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b6cee5 |
| RGB | rgb(182, 206, 229) |
| HSL | hsl(209.36, 47.47%, 80.59%) |
| HSB / HSV | hsv(209.36 20.52% 89.8%) |
| HWB | hwb(209.36 71.37% 10.2%) |
| CMYK | cmyk(21% 10% 0% 10%) |
| Lab | lab(81.51 -4.71 -14.28) |
| LCH | lch(81.51 15.04 251.76) |
| OKLab | oklab(84.089% -0.01606 -0.03815) |
| OKLCH | oklch(84.089% 0.0414 247.178) |
| Display P3 | color(display-p3 0.7316 0.80495 0.88914) |
| Rec. 2020 | color(rec2020 0.72728 0.77997 0.87443) |
| Adobe RGB | color(a98-rgb 0.73649 0.80298 0.89145) |
| ProPhoto RGB | color(prophoto-rgb 0.72569 0.75792 0.85773) |
| sRGB เชิงเส้น | color(srgb-linear 0.46778 0.61721 0.78354) |
| XYZ D65 | color(xyz-d65 0.55503 0.59744 0.82739) |
| XYZ D50 | color(xyz-d50 0.55381 0.59404 0.62596) |
| SwiftUI | Color(red: 0.714, green: 0.808, blue: 0.898) |
| UIKit | UIColor(red: 0.714, green: 0.808, blue: 0.898, alpha: 1) |
| Flutter / Compose | Color(0xFFB6CEE5) |
| Android XML | #B6CEE5 |

## ข้อมูล

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

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

#b6cee5, #bdd3e8, #c4d8ea, #ccdded, #d3e1f0, #dae6f2, #e2ebf5, #e9f0f7, #f0f5fa, #f8fafc

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

#b6cee5, #9eb3c7, #8698aa, #6f7f8e, #596672, #444e58, #30383f, #1d2328, #0c0f12, #020203

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

#b6cee5, #b8cee2, #bacde0, #bccddd, #becddb, #c1ccd8, #c3ccd5, #c5ccd3, #c7cbd0, #c9cbcd

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

- คู่ตรงข้าม: #b6cee5, #dec6af
- คู่ตรงข้ามแยก: #b6cee5, #e4c2b8, #d2cbad
- ข้างเคียง: #b6cee5, #add2dd, #c4c9e6
- สามเส้า: #b6cee5, #e4c0c6, #c3d0b4
- สี่เหลี่ยมผืนผ้า: #b6cee5, #d2c4e0, #dec6af, #c3d0b4
- สี่เหลี่ยมจัตุรัส: #b6cee5, #ddc1d5, #dec6af, #b6d3c0
- โทนสีเดียว: #b6cee5, #6d8398, #91a8be, #ddf5ff, #e2f8ff

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

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

#b6cee5 เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(182, 206, 229) ใน HSL คือ hsl(209.36, 47.47%, 80.59%) และใน OKLCH คือ oklch(84.089% 0.0414 247.178)

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

สีตรงข้ามของ #b6cee5 คือ #dec6af หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #add2dd และ #c4c9e6 ส่วนสีสามเส้าคือ #e4c0c6 และ #c3d0b4

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

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

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

#b6cee5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 247 องศา ความสว่าง 84.1% และความสด 0.041