# สี #afe1e4: โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว

#afe1e4 คือ rgb(175, 225, 228) ใน RGB และ oklch(87.598% 0.05159 200.829) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #afe1e4 |
| RGB | rgb(175, 225, 228) |
| HSL | hsl(183.4, 49.53%, 79.02%) |
| HSB / HSV | hsv(183.4 23.25% 89.41%) |
| HWB | hwb(183.4 68.63% 10.59%) |
| CMYK | cmyk(23% 1% 0% 11%) |
| Lab | lab(86.12 -16.18 -7.04) |
| LCH | lch(86.12 17.64 203.51) |
| OKLab | oklab(87.598% -0.04822 -0.01834) |
| OKLCH | oklch(87.598% 0.05159 200.829) |
| Display P3 | color(display-p3 0.72623 0.87675 0.89024) |
| Rec. 2020 | color(rec2020 0.74104 0.85531 0.87695) |
| Adobe RGB | color(a98-rgb 0.74348 0.87895 0.8905) |
| ProPhoto RGB | color(prophoto-rgb 0.74208 0.83427 0.86314) |
| sRGB เชิงเส้น | color(srgb-linear 0.42869 0.75294 0.77582) |
| XYZ D65 | color(xyz-d65 0.58605 0.68565 0.83548) |
| XYZ D50 | color(xyz-d50 0.58794 0.68219 0.63308) |
| SwiftUI | Color(red: 0.686, green: 0.882, blue: 0.894) |
| UIKit | UIColor(red: 0.686, green: 0.882, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFFAFE1E4) |
| Android XML | #AFE1E4 |

## ข้อมูล

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

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

#afe1e4, #b7e4e7, #bfe7e9, #c8eaec, #d0edef, #d8f0f1, #e0f3f4, #e7f6f7, #eff9fa, #f7fcfc

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

#afe1e4, #98c4c6, #81a7a9, #6b8b8d, #567072, #415658, #2e3e3f, #1c2728, #0b1212, #010203

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

#afe1e4, #b3e0e3, #b8dfe1, #bcdee0, #c0ddde, #c4dcdd, #c7dbdc, #cbd9da, #cfd8d9, #d2d7d7

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

- คู่ตรงข้าม: #afe1e4, #f7c9c8
- คู่ตรงข้ามแยก: #afe1e4, #f2c9da, #f3cdb8
- ข้างเคียง: #afe1e4, #b5e2d1, #b5ddf2
- สามเส้า: #afe1e4, #e6cceb, #e8d3b0
- สี่เหลี่ยมผืนผ้า: #afe1e4, #c3d7f9, #f7c9c8, #e8d3b0
- สี่เหลี่ยมจัตุรัส: #afe1e4, #d5d1f6, #f7c9c8, #d7dab3
- โทนสีเดียว: #afe1e4, #659598, #89babd, #cdffff, #cdffff

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

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

#afe1e4 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(175, 225, 228) ใน HSL คือ hsl(183.4, 49.53%, 79.02%) และใน OKLCH คือ oklch(87.598% 0.05159 200.829)

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

สีตรงข้ามของ #afe1e4 คือ #f7c9c8 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b5e2d1 และ #b5ddf2 ส่วนสีสามเส้าคือ #e6cceb และ #e8d3b0

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

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

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

#afe1e4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 201 องศา ความสว่าง 87.6% และความสด 0.052