# สี #a4e4dc: โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด

#a4e4dc คือ rgb(164, 228, 220) ใน RGB และ oklch(87.359% 0.06551 186.395) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a4e4dc |
| RGB | rgb(164, 228, 220) |
| HSL | hsl(172.5, 54.24%, 76.86%) |
| HSB / HSV | hsv(172.5 28.07% 89.41%) |
| HWB | hwb(172.5 64.31% 10.59%) |
| CMYK | cmyk(28% 0% 4% 11%) |
| Lab | lab(86.11 -22.23 -2.94) |
| LCH | lch(86.11 22.42 187.54) |
| OKLab | oklab(87.359% -0.06511 -0.0073) |
| OKLCH | oklch(87.359% 0.06551 186.395) |
| Display P3 | color(display-p3 0.69653 0.88724 0.86193) |
| Rec. 2020 | color(rec2020 0.71932 0.86488 0.84617) |
| Adobe RGB | color(a98-rgb 0.72063 0.89099 0.86025) |
| ProPhoto RGB | color(prophoto-rgb 0.71973 0.84236 0.83122) |
| sRGB เชิงเส้น | color(srgb-linear 0.37124 0.77582 0.71569) |
| XYZ D65 | color(xyz-d65 0.55969 0.68545 0.77994) |
| XYZ D50 | color(xyz-d50 0.56309 0.68216 0.59156) |
| SwiftUI | Color(red: 0.643, green: 0.894, blue: 0.863) |
| UIKit | UIColor(red: 0.643, green: 0.894, blue: 0.863, alpha: 1) |
| Flutter / Compose | Color(0xFFA4E4DC) |
| Android XML | #A4E4DC |

## ข้อมูล

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

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

#a4e4dc, #aee7df, #b7eae3, #c1ece6, #caefea, #d3f2ed, #dcf4f1, #e5f7f4, #eefaf8, #f6fcfb

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

#a4e4dc, #8ec6bf, #79a9a3, #648d88, #50726e, #3d5854, #2b3f3c, #1a2826, #0a1211, #010302

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

#a4e4dc, #aae3db, #afe1db, #b4e0da, #b9ded9, #beddd9, #c3dbd8, #c8dad7, #ccd8d7, #d1d7d6

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

- คู่ตรงข้าม: #a4e4dc, #fcc4ce
- คู่ตรงข้ามแยก: #a4e4dc, #f2c6e6, #fdc7b8
- ข้างเคียง: #a4e4dc, #b3e3c4, #a4e1f1
- สามเส้า: #a4e4dc, #e0cbf8, #f4cea8
- สี่เหลี่ยมผืนผ้า: #a4e4dc, #b3daff, #fcc4ce, #f4cea8
- สี่เหลี่ยมจัตุรัส: #a4e4dc, #c9d2ff, #fcc4ce, #e2d6a5
- โทนสีเดียว: #a4e4dc, #599790, #7ebdb5, #c3fffc, #c3fffc

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

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

#a4e4dc เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ใน RGB คือ rgb(164, 228, 220) ใน HSL คือ hsl(172.5, 54.24%, 76.86%) และใน OKLCH คือ oklch(87.359% 0.06551 186.395)

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

สีตรงข้ามของ #a4e4dc คือ #fcc4ce หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b3e3c4 และ #a4e1f1 ส่วนสีสามเส้าคือ #e0cbf8 และ #f4cea8

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

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

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

#a4e4dc เป็นสีโทนเย็น ใน OKLCH มีฮิว 186 องศา ความสว่าง 87.4% และความสด 0.066