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

#bcc5fc คือ rgb(188, 197, 252) ใน RGB และ oklch(83.54% 0.07772 277.341) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bcc5fc |
| RGB | rgb(188, 197, 252) |
| HSL | hsl(231.56, 91.43%, 86.27%) |
| HSB / HSV | hsv(231.56 25.4% 98.82%) |
| HWB | hwb(231.56 73.73% 1.18%) |
| CMYK | cmyk(25% 22% 0% 1%) |
| Lab | lab(80.25 5.66 -28.34) |
| LCH | lch(80.25 28.9 281.29) |
| OKLab | oklab(83.54% 0.00993 -0.07708) |
| OKLCH | oklch(83.54% 0.07772 277.341) |
| Display P3 | color(display-p3 0.74368 0.77141 0.97103) |
| Rec. 2020 | color(rec2020 0.73485 0.74701 0.96427) |
| Adobe RGB | color(a98-rgb 0.74193 0.76721 0.97991) |
| ProPhoto RGB | color(prophoto-rgb 0.74406 0.72789 0.95281) |
| sRGB เชิงเส้น | color(srgb-linear 0.50289 0.55834 0.97345) |
| XYZ D65 | color(xyz-d65 0.58273 0.57652 1.00156) |
| XYZ D50 | color(xyz-d50 0.57362 0.57117 0.75634) |
| SwiftUI | Color(red: 0.737, green: 0.773, blue: 0.988) |
| UIKit | UIColor(red: 0.737, green: 0.773, blue: 0.988, alpha: 1) |
| Flutter / Compose | Color(0xFFBCC5FC) |
| Android XML | #BCC5FC |

## ข้อมูล

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

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

#bcc5fc, #c2cbfd, #c9d1fd, #d0d6fe, #d6dcfe, #dde2fe, #e4e8ff, #eaeeff, #f1f3ff, #f8f9ff

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

#bcc5fc, #a3abdb, #8b92bb, #73799c, #5d617e, #474b62, #323547, #1f212d, #0d0e16, #020203

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

#bcc5fc, #bdc6f7, #bec6f2, #c0c6ed, #c1c7e8, #c2c7e3, #c4c8de, #c5c8d9, #c6c8d3, #c7c9ce

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

- คู่ตรงข้าม: #bcc5fc, #d7ca8f
- คู่ตรงข้ามแยก: #bcc5fc, #ecc093, #bbd39d
- ข้างเคียง: #bcc5fc, #a1cefa, #d7bcf1
- สามเส้า: #bcc5fc, #f7b8a5, #9fd9b5
- สี่เหลี่ยมผืนผ้า: #bcc5fc, #ebb6db, #d7ca8f, #9fd9b5
- สี่เหลี่ยมจัตุรัส: #bcc5fc, #f6b4c0, #d7ca8f, #8cdad2
- โทนสีเดียว: #bcc5fc, #737bad, #979fd4, #e9eeff, #eff4ff

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

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

#bcc5fc เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(188, 197, 252) ใน HSL คือ hsl(231.56, 91.43%, 86.27%) และใน OKLCH คือ oklch(83.54% 0.07772 277.341)

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

สีตรงข้ามของ #bcc5fc คือ #d7ca8f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a1cefa และ #d7bcf1 ส่วนสีสามเส้าคือ #f7b8a5 และ #9fd9b5

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

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

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

#bcc5fc เป็นสีโทนเย็น ใน OKLCH มีฮิว 277 องศา ความสว่าง 83.5% และความสด 0.078