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

#bcc7e5 คือ rgb(188, 199, 229) ใน RGB และ oklch(83.087% 0.04378 269.489) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bcc7e5 |
| RGB | rgb(188, 199, 229) |
| HSL | hsl(223.9, 44.09%, 81.76%) |
| HSB / HSV | hsv(223.9 17.9% 89.8%) |
| HWB | hwb(223.9 73.73% 10.2%) |
| CMYK | cmyk(18% 13% 0% 10%) |
| Lab | lab(80.11 0.72 -16.31) |
| LCH | lch(80.11 16.32 272.52) |
| OKLab | oklab(83.087% -0.00039 -0.04378) |
| OKLCH | oklch(83.087% 0.04378 269.489) |
| Display P3 | color(display-p3 0.74515 0.77901 0.88774) |
| Rec. 2020 | color(rec2020 0.73206 0.75352 0.87243) |
| Adobe RGB | color(a98-rgb 0.7443 0.77515 0.89046) |
| ProPhoto RGB | color(prophoto-rgb 0.7281 0.73205 0.8547) |
| sRGB เชิงเส้น | color(srgb-linear 0.50289 0.57112 0.78354) |
| XYZ D65 | color(xyz-d65 0.55302 0.57195 0.82257) |
| XYZ D50 | color(xyz-d50 0.55137 0.56882 0.62197) |
| SwiftUI | Color(red: 0.737, green: 0.78, blue: 0.898) |
| UIKit | UIColor(red: 0.737, green: 0.78, blue: 0.898, alpha: 1) |
| Flutter / Compose | Color(0xFFBCC7E5) |
| Android XML | #BCC7E5 |

## ข้อมูล

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

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

#bcc7e5, #c3cde8, #c9d2ea, #d0d8ed, #d6ddf0, #dde3f2, #e4e8f5, #ebeef7, #f1f4fa, #f8f9fc

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

#bcc7e5, #a3adc7, #8b93aa, #737a8e, #5d6272, #474c58, #32363f, #1f2128, #0d0e12, #020203

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

#bcc7e5, #bdc7e2, #bec7df, #bfc7dc, #c1c7d9, #c2c7d6, #c3c7d3, #c4c7d0, #c5c7cd, #c6c7ca

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

- คู่ตรงข้าม: #bcc7e5, #d3c7a8
- คู่ตรงข้ามแยก: #bcc7e5, #dec1ac, #c4ccad
- ข้างเคียง: #bcc7e5, #afcce2, #cbc2e1
- สามเส้า: #bcc7e5, #e3beb7, #b5d0b9
- สี่เหลี่ยมผืนผ้า: #bcc7e5, #d9bed6, #d3c7a8, #b5d0b9
- สี่เหลี่ยมจัตุรัส: #bcc7e5, #e1bcc7, #d3c7a8, #aad1c8
- โทนสีเดียว: #bcc7e5, #737d98, #97a1be, #e3eeff, #ecf5ff

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

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

#bcc7e5 เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(188, 199, 229) ใน HSL คือ hsl(223.9, 44.09%, 81.76%) และใน OKLCH คือ oklch(83.087% 0.04378 269.489)

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

สีตรงข้ามของ #bcc7e5 คือ #d3c7a8 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #afcce2 และ #cbc2e1 ส่วนสีสามเส้าคือ #e3beb7 และ #b5d0b9

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

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

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

#bcc7e5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 269 องศา ความสว่าง 83.1% และความสด 0.044