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

#bac2ec คือ rgb(186, 194, 236) ใน RGB และ oklch(82.185% 0.0597 276.552) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bac2ec |
| RGB | rgb(186, 194, 236) |
| HSL | hsl(230.4, 56.82%, 82.75%) |
| HSB / HSV | hsv(230.4 21.19% 92.55%) |
| HWB | hwb(230.4 72.94% 7.45%) |
| CMYK | cmyk(21% 18% 0% 7%) |
| Lab | lab(78.86 3.74 -21.94) |
| LCH | lch(78.86 22.25 279.67) |
| OKLab | oklab(82.185% 0.00681 -0.05931) |
| OKLCH | oklch(82.185% 0.0597 276.552) |
| Display P3 | color(display-p3 0.73511 0.75977 0.91191) |
| Rec. 2020 | color(rec2020 0.72121 0.73347 0.89874) |
| Adobe RGB | color(a98-rgb 0.73285 0.75531 0.91699) |
| ProPhoto RGB | color(prophoto-rgb 0.72166 0.71241 0.882) |
| sRGB เชิงเส้น | color(srgb-linear 0.49102 0.53948 0.8388) |
| XYZ D65 | color(xyz-d65 0.54679 0.55078 0.8711) |
| XYZ D50 | color(xyz-d50 0.54191 0.54684 0.6582) |
| SwiftUI | Color(red: 0.729, green: 0.761, blue: 0.925) |
| UIKit | UIColor(red: 0.729, green: 0.761, blue: 0.925, alpha: 1) |
| Flutter / Compose | Color(0xFFBAC2EC) |
| Android XML | #BAC2EC |

## ข้อมูล

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

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

#bac2ec, #c1c8ee, #c7cef0, #ced4f2, #d5daf4, #dce0f6, #e3e6f8, #eaedfa, #f1f3fc, #f8f9fd

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

#bac2ec, #a1a8cd, #898faf, #727792, #5c6076, #46495b, #323442, #1e2029, #0d0e13, #020203

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

#bac2ec, #bbc2e8, #bcc3e4, #bdc3e0, #bec3dc, #bfc3d9, #c0c4d5, #c1c4d1, #c2c4cd, #c3c4c9

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

- คู่ตรงข้าม: #bac2ec, #d0c599
- คู่ตรงข้ามแยก: #bac2ec, #e0be9c, #bbcca3
- ข้างเคียง: #bac2ec, #a6c9ea, #cebbe4
- สามเส้า: #bac2ec, #e8b8aa, #a6d1b5
- สี่เหลี่ยมผืนผ้า: #bac2ec, #dfb7d3, #d0c599, #a6d1b5
- สี่เหลี่ยมจัตุรัส: #bac2ec, #e8b5be, #d0c599, #99d2cb
- โทนสีเดียว: #bac2ec, #71789f, #959cc5, #e3eaff, #eef4ff

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

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

#bac2ec เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(186, 194, 236) ใน HSL คือ hsl(230.4, 56.82%, 82.75%) และใน OKLCH คือ oklch(82.185% 0.0597 276.552)

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

สีตรงข้ามของ #bac2ec คือ #d0c599 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a6c9ea และ #cebbe4 ส่วนสีสามเส้าคือ #e8b8aa และ #a6d1b5

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

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

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

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