# สี #a4cbec: โทนพาสเทล เฉดอ่อนของสีฟ้า

#a4cbec คือ rgb(164, 203, 236) ใน RGB และ oklch(82.522% 0.06239 244.166) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a4cbec |
| RGB | rgb(164, 203, 236) |
| HSL | hsl(207.5, 65.45%, 78.43%) |
| HSB / HSV | hsv(207.5 30.51% 92.55%) |
| HWB | hwb(207.5 64.31% 7.45%) |
| CMYK | cmyk(31% 14% 0% 7%) |
| Lab | lab(79.7 -7.66 -20.85) |
| LCH | lch(79.7 22.21 249.83) |
| OKLab | oklab(82.522% -0.02719 -0.05616) |
| OKLCH | oklch(82.522% 0.06239 244.166) |
| Display P3 | color(display-p3 0.67363 0.79161 0.91297) |
| Rec. 2020 | color(rec2020 0.68025 0.7639 0.90048) |
| Adobe RGB | color(a98-rgb 0.68532 0.79104 0.91819) |
| ProPhoto RGB | color(prophoto-rgb 0.68909 0.74013 0.88493) |
| sRGB เชิงเส้น | color(srgb-linear 0.37124 0.5972 0.8388) |
| XYZ D65 | color(xyz-d65 0.51803 0.56659 0.87567) |
| XYZ D50 | color(xyz-d50 0.51191 0.56157 0.66213) |
| SwiftUI | Color(red: 0.643, green: 0.796, blue: 0.925) |
| UIKit | UIColor(red: 0.643, green: 0.796, blue: 0.925, alpha: 1) |
| Flutter / Compose | Color(0xFFA4CBEC) |
| Android XML | #A4CBEC |

## ข้อมูล

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

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

#a4cbec, #add0ee, #b6d5f0, #bfdbf2, #c8e0f4, #d1e5f6, #dbeaf8, #e4effa, #edf5fb, #f6fafd

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

#a4cbec, #8eb0cd, #7996af, #647d92, #506576, #3d4d5b, #2b3742, #1a2229, #0a0f13, #010203

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

#a4cbec, #a8cbe8, #abcae4, #afcae1, #b2c9dd, #b5c9d9, #b9c8d5, #bcc7d1, #bfc7cd, #c2c6ca

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

- คู่ตรงข้าม: #a4cbec, #e3be9c
- คู่ตรงข้ามแยก: #a4cbec, #ebb8ab, #d3c698
- ข้างเคียง: #a4cbec, #97d1df, #b9c4ef
- สามเส้า: #a4cbec, #eab6c1, #bdcda1
- สี่เหลี่ยมผืนผ้า: #a4cbec, #cebce7, #e3be9c, #bdcda1
- สี่เหลี่ยมจัตุรัส: #a4cbec, #e0b7d7, #e3be9c, #a7d2b4
- โทนสีเดียว: #a4cbec, #5c809f, #7fa5c5, #d1f2ff, #e1f9ff

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

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

#a4cbec เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(164, 203, 236) ใน HSL คือ hsl(207.5, 65.45%, 78.43%) และใน OKLCH คือ oklch(82.522% 0.06239 244.166)

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

สีตรงข้ามของ #a4cbec คือ #e3be9c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #97d1df และ #b9c4ef ส่วนสีสามเส้าคือ #eab6c1 และ #bdcda1

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

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

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

#a4cbec เป็นสีโทนเย็น ใน OKLCH มีฮิว 244 องศา ความสว่าง 82.5% และความสด 0.062