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

#bdc3f0 คือ rgb(189, 195, 240) ใน RGB และ oklch(82.758% 0.06342 278.963) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bdc3f0 |
| RGB | rgb(189, 195, 240) |
| HSL | hsl(232.94, 62.96%, 84.12%) |
| HSB / HSV | hsv(232.94 21.25% 94.12%) |
| HWB | hwb(232.94 74.12% 5.88%) |
| CMYK | cmyk(21% 19% 0% 6%) |
| Lab | lab(79.46 4.89 -23.14) |
| LCH | lch(79.46 23.65 281.94) |
| OKLab | oklab(82.758% 0.00988 -0.06265) |
| OKLCH | oklch(82.758% 0.06342 278.963) |
| Display P3 | color(display-p3 0.74542 0.76394 0.92685) |
| Rec. 2020 | color(rec2020 0.73151 0.73855 0.91528) |
| Adobe RGB | color(a98-rgb 0.74238 0.75928 0.93271) |
| ProPhoto RGB | color(prophoto-rgb 0.7332 0.71831 0.89981) |
| sRGB เชิงเส้น | color(srgb-linear 0.50888 0.54572 0.87137) |
| XYZ D65 | color(xyz-d65 0.56227 0.5614 0.90315) |
| XYZ D50 | color(xyz-d50 0.55677 0.55727 0.68231) |
| SwiftUI | Color(red: 0.741, green: 0.765, blue: 0.941) |
| UIKit | UIColor(red: 0.741, green: 0.765, blue: 0.941, alpha: 1) |
| Flutter / Compose | Color(0xFFBDC3F0) |
| Android XML | #BDC3F0 |

## ข้อมูล

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

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

#bdc3f0, #c3c9f2, #cacff3, #d0d5f5, #d7dbf7, #dde1f8, #e4e7fa, #ebedfb, #f1f3fc, #f8f9fe

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

#bdc3f0, #a4a9d1, #8c90b2, #747895, #5d6078, #474a5d, #333443, #1f202a, #0d0e14, #020203

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

#bdc3f0, #bec3ec, #bfc4e8, #c0c4e4, #c1c5e0, #c2c5db, #c2c5d7, #c3c6d3, #c4c6cf, #c5c6cb

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

- คู่ตรงข้าม: #bdc3f0, #d0c899
- คู่ตรงข้ามแยก: #bdc3f0, #e2c09a, #bacfa4
- ข้างเคียง: #bdc3f0, #a7cbef, #d3bce6
- สามเส้า: #bdc3f0, #ecb9a9, #a4d4b8
- สี่เหลี่ยมผืนผ้า: #bdc3f0, #e3b7d4, #d0c899, #a4d4b8
- สี่เหลี่ยมจัตุรัส: #bdc3f0, #ecb6be, #d0c899, #97d4cf
- โทนสีเดียว: #bdc3f0, #7479a2, #989dc8, #e6ebff, #eff3ff

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

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

#bdc3f0 เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(189, 195, 240) ใน HSL คือ hsl(232.94, 62.96%, 84.12%) และใน OKLCH คือ oklch(82.758% 0.06342 278.963)

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

สีตรงข้ามของ #bdc3f0 คือ #d0c899 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a7cbef และ #d3bce6 ส่วนสีสามเส้าคือ #ecb9a9 และ #a4d4b8

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

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

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

#bdc3f0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 279 องศา ความสว่าง 82.8% และความสด 0.063