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

#bac5eb คือ rgb(186, 197, 235) ใน RGB และ oklch(82.75% 0.05476 272.472) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bac5eb |
| RGB | rgb(186, 197, 235) |
| HSL | hsl(226.53, 55.06%, 82.55%) |
| HSB / HSV | hsv(226.53 20.85% 92.16%) |
| HWB | hwb(226.53 72.94% 7.84%) |
| CMYK | cmyk(21% 16% 0% 8%) |
| Lab | lab(79.61 2.06 -20.28) |
| LCH | lch(79.61 20.38 275.8) |
| OKLab | oklab(82.75% 0.00236 -0.05471) |
| OKLCH | oklch(82.75% 0.05476 272.472) |
| Display P3 | color(display-p3 0.73731 0.77117 0.90895) |
| Rec. 2020 | color(rec2020 0.72534 0.74535 0.89566) |
| Adobe RGB | color(a98-rgb 0.73639 0.76721 0.91349) |
| ProPhoto RGB | color(prophoto-rgb 0.72533 0.72417 0.87909) |
| sRGB เชิงเส้น | color(srgb-linear 0.49102 0.55834 0.83077) |
| XYZ D65 | color(xyz-d65 0.55208 0.56369 0.86572) |
| XYZ D50 | color(xyz-d50 0.54803 0.55988 0.65429) |
| SwiftUI | Color(red: 0.729, green: 0.773, blue: 0.922) |
| UIKit | UIColor(red: 0.729, green: 0.773, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFFBAC5EB) |
| Android XML | #BAC5EB |

## ข้อมูล

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

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

#bac5eb, #c1cbed, #c7d1ef, #ced6f1, #d5dcf3, #dce2f5, #e3e8f7, #eaedf9, #f1f3fb, #f8f9fd

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

#bac5eb, #a1abcc, #8992ae, #727991, #5c6175, #464b5b, #323541, #1e2129, #0d0e13, #020203

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

#bac5eb, #bbc5e7, #bcc5e4, #bec6e0, #bfc6dd, #c0c6d9, #c1c6d5, #c3c6d2, #c4c6ce, #c5c6ca

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

- คู่ตรงข้าม: #bac5eb, #d3c69f
- คู่ตรงข้ามแยก: #bac5eb, #e1bfa3, #c0cda6
- ข้างเคียง: #bac5eb, #a8cce8, #cdbfe5
- สามเส้า: #bac5eb, #e8bab0, #add1b6
- สี่เหลี่ยมผืนผ้า: #bac5eb, #ddbad6, #d3c69f, #add1b6
- สี่เหลี่ยมจัตุรัส: #bac5eb, #e6b8c3, #d3c69f, #9fd3c9
- โทนสีเดียว: #bac5eb, #717b9e, #959fc4, #e3edff, #edf4ff

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

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

#bac5eb เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(186, 197, 235) ใน HSL คือ hsl(226.53, 55.06%, 82.55%) และใน OKLCH คือ oklch(82.75% 0.05476 272.472)

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

สีตรงข้ามของ #bac5eb คือ #d3c69f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a8cce8 และ #cdbfe5 ส่วนสีสามเส้าคือ #e8bab0 และ #add1b6

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

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

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

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