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

#a7e5dc คือ rgb(167, 229, 220) ใน RGB และ oklch(87.747% 0.06396 184.963) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a7e5dc |
| RGB | rgb(167, 229, 220) |
| HSL | hsl(171.29, 54.39%, 77.65%) |
| HSB / HSV | hsv(171.29 27.07% 89.8%) |
| HWB | hwb(171.29 65.49% 10.2%) |
| CMYK | cmyk(27% 0% 4% 10%) |
| Lab | lab(86.56 -21.78 -2.28) |
| LCH | lch(86.56 21.89 185.97) |
| OKLab | oklab(87.747% -0.06372 -0.00553) |
| OKLCH | oklch(87.747% 0.06396 184.963) |
| Display P3 | color(display-p3 0.70624 0.89133 0.86236) |
| Rec. 2020 | color(rec2020 0.72783 0.8696 0.84672) |
| Adobe RGB | color(a98-rgb 0.72936 0.89501 0.86042) |
| ProPhoto RGB | color(prophoto-rgb 0.72735 0.84759 0.83197) |
| sRGB เชิงเส้น | color(srgb-linear 0.38643 0.78354 0.71569) |
| XYZ D65 | color(xyz-d65 0.56871 0.6942 0.78115) |
| XYZ D50 | color(xyz-d50 0.57269 0.69107 0.59252) |
| SwiftUI | Color(red: 0.655, green: 0.898, blue: 0.863) |
| UIKit | UIColor(red: 0.655, green: 0.898, blue: 0.863, alpha: 1) |
| Flutter / Compose | Color(0xFFA7E5DC) |
| Android XML | #A7E5DC |

## ข้อมูล

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

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

#a7e5dc, #b0e8df, #b9eae3, #c3ede6, #cbf0ea, #d4f2ed, #ddf5f1, #e5f7f4, #eefaf8, #f7fcfb

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

#a7e5dc, #91c7bf, #7baaa3, #668e88, #52726e, #3e5854, #2c3f3c, #1a2826, #0a1211, #010302

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

#a7e5dc, #ace4db, #b2e2db, #b7e1da, #bcdfda, #c0ded9, #c5dcd9, #cadbd8, #cedad8, #d2d8d7

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

- คู่ตรงข้าม: #a7e5dc, #fdc6d1
- คู่ตรงข้ามแยก: #a7e5dc, #f2c7e8, #fec8bb
- ข้างเคียง: #a7e5dc, #b6e4c4, #a6e2f1
- สามเส้า: #a7e5dc, #e0cdf9, #f5cfab
- สี่เหลี่ยมผืนผ้า: #a7e5dc, #b4dcff, #fdc6d1, #f5cfab
- สี่เหลี่ยมจัตุรัส: #a7e5dc, #cad4ff, #fdc6d1, #e4d7a7
- โทนสีเดียว: #a7e5dc, #5c9890, #81beb5, #c5fffb, #c5fffb

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

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

#a7e5dc เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ใน RGB คือ rgb(167, 229, 220) ใน HSL คือ hsl(171.29, 54.39%, 77.65%) และใน OKLCH คือ oklch(87.747% 0.06396 184.963)

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

สีตรงข้ามของ #a7e5dc คือ #fdc6d1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b6e4c4 และ #a6e2f1 ส่วนสีสามเส้าคือ #e0cdf9 และ #f5cfab

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

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

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

#a7e5dc เป็นสีโทนเย็น ใน OKLCH มีฮิว 185 องศา ความสว่าง 87.7% และความสด 0.064