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

#b2cce3 คือ rgb(178, 204, 227) ใน RGB และ oklch(83.332% 0.04283 245.033) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b2cce3 |
| RGB | rgb(178, 204, 227) |
| HSL | hsl(208.16, 46.67%, 79.41%) |
| HSB / HSV | hsv(208.16 21.59% 89.02%) |
| HWB | hwb(208.16 69.8% 10.98%) |
| CMYK | cmyk(22% 10% 0% 11%) |
| Lab | lab(80.66 -5.35 -14.53) |
| LCH | lch(80.66 15.48 249.77) |
| OKLab | oklab(83.332% -0.01808 -0.03883) |
| OKLCH | oklch(83.332% 0.04283 245.033) |
| Display P3 | color(display-p3 0.71753 0.79689 0.88121) |
| Rec. 2020 | color(rec2020 0.71366 0.77079 0.86558) |
| Adobe RGB | color(a98-rgb 0.72325 0.79502 0.88342) |
| ProPhoto RGB | color(prophoto-rgb 0.71228 0.74793 0.8481) |
| sRGB เชิงเส้น | color(srgb-linear 0.4452 0.60383 0.76815) |
| XYZ D65 | color(xyz-d65 0.53815 0.58196 0.81073) |
| XYZ D50 | color(xyz-d50 0.53661 0.5785 0.61336) |
| SwiftUI | Color(red: 0.698, green: 0.8, blue: 0.89) |
| UIKit | UIColor(red: 0.698, green: 0.8, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFFB2CCE3) |
| Android XML | #B2CCE3 |

## ข้อมูล

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

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

#b2cce3, #bad1e6, #c1d6e9, #c9dbec, #d1e0ee, #d8e5f1, #e0eaf4, #e8f0f7, #eff5fa, #f7fafc

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

#b2cce3, #9ab1c5, #8397a8, #6d7e8c, #576571, #434e57, #2f373f, #1d2227, #0c0f12, #010203

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

#b2cce3, #b4cce0, #b7cbde, #b9cbdb, #bbcbd8, #bdcad6, #c0cad3, #c2c9d0, #c4c9ce, #c6c9cb

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

- คู่ตรงข้าม: #b2cce3, #ddc3ac
- คู่ตรงข้ามแยก: #b2cce3, #e3bfb6, #d1c9aa
- ข้างเคียง: #b2cce3, #aad0da, #c0c7e5
- สามเส้า: #b2cce3, #e2bdc4, #c2ceb0
- สี่เหลี่ยมผืนผ้า: #b2cce3, #cfc2df, #ddc3ac, #c2ceb0
- สี่เหลี่ยมจัตุรัส: #b2cce3, #dbbed4, #ddc3ac, #b3d1bc
- โทนสีเดียว: #b2cce3, #698197, #8da6bc, #d9f3ff, #e1f9ff

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

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

#b2cce3 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(178, 204, 227) ใน HSL คือ hsl(208.16, 46.67%, 79.41%) และใน OKLCH คือ oklch(83.332% 0.04283 245.033)

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

สีตรงข้ามของ #b2cce3 คือ #ddc3ac หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #aad0da และ #c0c7e5 ส่วนสีสามเส้าคือ #e2bdc4 และ #c2ceb0

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

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

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

#b2cce3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 245 องศา ความสว่าง 83.3% และความสด 0.043