# สี #bccbfe: โทนพาสเทล เฉดอ่อนของสีคราม

#bccbfe คือ rgb(188, 203, 254) ใน RGB และ oklch(84.807% 0.07327 271.987) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bccbfe |
| RGB | rgb(188, 203, 254) |
| HSL | hsl(226.36, 97.06%, 86.67%) |
| HSB / HSV | hsv(226.36 25.98% 99.61%) |
| HWB | hwb(226.36 73.73% 0.39%) |
| CMYK | cmyk(26% 20% 0% 0%) |
| Lab | lab(81.84 3 -26.98) |
| LCH | lch(81.84 27.15 276.35) |
| OKLab | oklab(84.807% 0.00254 -0.07323) |
| OKLCH | oklch(84.807% 0.07327 271.987) |
| Display P3 | color(display-p3 0.74814 0.79422 0.97961) |
| Rec. 2020 | color(rec2020 0.74419 0.77107 0.97412) |
| Adobe RGB | color(a98-rgb 0.74909 0.79104 0.9885) |
| ProPhoto RGB | color(prophoto-rgb 0.75477 0.75224 0.96422) |
| sRGB เชิงเส้น | color(srgb-linear 0.50289 0.5972 0.9911) |
| XYZ D65 | color(xyz-d65 0.59981 0.60558 1.02298) |
| XYZ D50 | color(xyz-d50 0.59111 0.6001 0.77272) |
| SwiftUI | Color(red: 0.737, green: 0.796, blue: 0.996) |
| UIKit | UIColor(red: 0.737, green: 0.796, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFFBCCBFE) |
| Android XML | #BCCBFE |

## ข้อมูล

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

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

#bccbfe, #c3d0fe, #c9d5ff, #d0dbff, #d6e0ff, #dde5ff, #e4eaff, #eaefff, #f1f5ff, #f8faff

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

#bccbfe, #a3b0dd, #8b96bd, #737d9e, #5d6580, #474d63, #323747, #1f222d, #0d0f16, #020203

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

#bccbfe, #becbf9, #bfccf4, #c1ccf0, #c3cceb, #c4cce6, #c6cce1, #c8cddc, #c9cdd7, #cbcdd2

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

- คู่ตรงข้าม: #bccbfe, #decc96
- คู่ตรงข้ามแยก: #bccbfe, #f1c39c, #c5d5a0
- ข้างเคียง: #bccbfe, #a3d4f9, #d6c2f6
- สามเส้า: #bccbfe, #f9bcaf, #aadcb6
- สี่เหลี่ยมผืนผ้า: #bccbfe, #eabce3, #decc96, #aadcb6
- สี่เหลี่ยมจัตุรัส: #bccbfe, #f7bac9, #decc96, #96ddd1
- โทนสีเดียว: #bccbfe, #7380af, #97a5d6, #ecf4ff, #edf4ff

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

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

#bccbfe เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(188, 203, 254) ใน HSL คือ hsl(226.36, 97.06%, 86.67%) และใน OKLCH คือ oklch(84.807% 0.07327 271.987)

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

สีตรงข้ามของ #bccbfe คือ #decc96 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a3d4f9 และ #d6c2f6 ส่วนสีสามเส้าคือ #f9bcaf และ #aadcb6

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

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

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

#bccbfe เป็นสีโทนเย็น ใน OKLCH มีฮิว 272 องศา ความสว่าง 84.8% และความสด 0.073