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

#bcc4eb คือ rgb(188, 196, 235) ใน RGB และ oklch(82.697% 0.05543 276.017) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bcc4eb |
| RGB | rgb(188, 196, 235) |
| HSL | hsl(229.79, 54.02%, 82.94%) |
| HSB / HSV | hsv(229.79 20% 92.16%) |
| HWB | hwb(229.79 73.73% 7.84%) |
| CMYK | cmyk(20% 17% 0% 8%) |
| Lab | lab(79.5 3.22 -20.42) |
| LCH | lch(79.5 20.68 278.95) |
| OKLab | oklab(82.697% 0.00581 -0.05512) |
| OKLCH | oklch(82.697% 0.05543 276.017) |
| Display P3 | color(display-p3 0.74295 0.76761 0.90882) |
| Rec. 2020 | color(rec2020 0.7291 0.74193 0.89546) |
| Adobe RGB | color(a98-rgb 0.74076 0.76324 0.91336) |
| ProPhoto RGB | color(prophoto-rgb 0.72834 0.72103 0.87876) |
| sRGB เชิงเส้น | color(srgb-linear 0.50289 0.55201 0.83077) |
| XYZ D65 | color(xyz-d65 0.55471 0.56169 0.86519) |
| XYZ D50 | color(xyz-d50 0.55076 0.55798 0.65384) |
| SwiftUI | Color(red: 0.737, green: 0.769, blue: 0.922) |
| UIKit | UIColor(red: 0.737, green: 0.769, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFFBCC4EB) |
| Android XML | #BCC4EB |

## ข้อมูล

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

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

#bcc4eb, #c2caed, #c9d0ef, #d0d6f1, #d6dbf3, #dde1f5, #e4e7f7, #eaedf9, #f1f3fb, #f8f9fd

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

#bcc4eb, #a3aacc, #8b91ae, #737891, #5d6175, #474a5b, #323541, #1f2129, #0d0e13, #020203

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

#bcc4eb, #bdc4e7, #bec5e4, #bfc5e0, #c0c5dd, #c1c5d9, #c2c5d5, #c3c6d1, #c4c6ce, #c5c6ca

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

- คู่ตรงข้าม: #bcc4eb, #d1c79e
- คู่ตรงข้ามแยก: #bcc4eb, #e0c0a1, #bdcda7
- ข้างเคียง: #bcc4eb, #aacbe9, #cfbee4
- สามเส้า: #bcc4eb, #e8baae, #aad2b8
- สี่เหลี่ยมผืนผ้า: #bcc4eb, #deb9d4, #d1c79e, #aad2b8
- สี่เหลี่ยมจัตุรัส: #bcc4eb, #e7b8c1, #d1c79e, #9ed3cc
- โทนสีเดียว: #bcc4eb, #737a9e, #979ec4, #e4ecff, #eef4ff

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

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

#bcc4eb เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(188, 196, 235) ใน HSL คือ hsl(229.79, 54.02%, 82.94%) และใน OKLCH คือ oklch(82.697% 0.05543 276.017)

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

สีตรงข้ามของ #bcc4eb คือ #d1c79e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #aacbe9 และ #cfbee4 ส่วนสีสามเส้าคือ #e8baae และ #aad2b8

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

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

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

#bcc4eb เป็นสีโทนเย็น ใน OKLCH มีฮิว 276 องศา ความสว่าง 82.7% และความสด 0.055