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

#bdc4da คือ rgb(189, 196, 218) ใน RGB และ oklch(82.178% 0.03178 271.64) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bdc4da |
| RGB | rgb(189, 196, 218) |
| HSL | hsl(225.52, 28.16%, 79.8%) |
| HSB / HSV | hsv(225.52 13.3% 85.49%) |
| HWB | hwb(225.52 74.12% 14.51%) |
| CMYK | cmyk(13% 10% 0% 15%) |
| Lab | lab(79.12 0.79 -11.89) |
| LCH | lch(79.12 11.92 273.78) |
| OKLab | oklab(82.178% 0.00091 -0.03177) |
| OKLCH | oklch(82.178% 0.03178 271.64) |
| Display P3 | color(display-p3 0.74615 0.76774 0.84724) |
| Rec. 2020 | color(rec2020 0.7278 0.7412 0.8278) |
| Adobe RGB | color(a98-rgb 0.74355 0.76324 0.8475) |
| ProPhoto RGB | color(prophoto-rgb 0.7175 0.71882 0.80735) |
| sRGB เชิงเส้น | color(srgb-linear 0.50888 0.55201 0.7011) |
| XYZ D65 | color(xyz-d65 0.53378 0.5536 0.74205) |
| XYZ D50 | color(xyz-d50 0.53483 0.55145 0.56133) |
| SwiftUI | Color(red: 0.741, green: 0.769, blue: 0.855) |
| UIKit | UIColor(red: 0.741, green: 0.769, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFFBDC4DA) |
| Android XML | #BDC4DA |

## ข้อมูล

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

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

#bdc4da, #c3cade, #cad0e1, #d0d5e5, #d7dbe9, #dee1ed, #e4e7f0, #ebedf4, #f2f3f8, #f8f9fb

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

#bdc4da, #a4aabd, #8c91a2, #747887, #5d616c, #474a54, #33353c, #1f2125, #0d0e11, #020202

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

#bdc4da, #bec4d8, #bec4d6, #bfc4d4, #c0c4d1, #c1c4cf, #c1c4cd, #c2c4cb, #c3c4c9, #c4c4c7

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

- คู่ตรงข้าม: #bdc4da, #ccc4ae
- คู่ตรงข้ามแยก: #bdc4da, #d4c1b0, #c1c8b2
- ข้างเคียง: #bdc4da, #b3c8d8, #c8c0d6
- สามเส้า: #bdc4da, #d9beb8, #b6cbbb
- สี่เหลี่ยมผืนผ้า: #bdc4da, #d2bece, #ccc4ae, #b6cbbb
- สี่เหลี่ยมจัตุรัส: #bdc4da, #d8bdc3, #ccc4ae, #afccc6
- โทนสีเดียว: #bdc4da, #747a8e, #989eb3, #e4ebff, #edf5ff

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

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

#bdc4da เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(189, 196, 218) ใน HSL คือ hsl(225.52, 28.16%, 79.8%) และใน OKLCH คือ oklch(82.178% 0.03178 271.64)

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

สีตรงข้ามของ #bdc4da คือ #ccc4ae หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b3c8d8 และ #c8c0d6 ส่วนสีสามเส้าคือ #d9beb8 และ #b6cbbb

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

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

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

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