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

#afe2e0 คือ rgb(175, 226, 224) ใน RGB และ oklch(87.689% 0.05247 193.243) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #afe2e0 |
| RGB | rgb(175, 226, 224) |
| HSL | hsl(177.65, 46.79%, 78.63%) |
| HSB / HSV | hsv(177.65 22.57% 88.63%) |
| HWB | hwb(177.65 68.63% 11.37%) |
| CMYK | cmyk(23% 0% 1% 11%) |
| Lab | lab(86.29 -17.29 -4.68) |
| LCH | lch(86.29 17.91 195.15) |
| OKLab | oklab(87.689% -0.05107 -0.01202) |
| OKLCH | oklch(87.689% 0.05247 193.243) |
| Display P3 | color(display-p3 0.72713 0.88057 0.87618) |
| Rec. 2020 | color(rec2020 0.74185 0.85919 0.8616) |
| Adobe RGB | color(a98-rgb 0.74488 0.88296 0.87527) |
| ProPhoto RGB | color(prophoto-rgb 0.74083 0.83797 0.84713) |
| sRGB เชิงเส้น | color(srgb-linear 0.42869 0.76052 0.7454) |
| XYZ D65 | color(xyz-d65 0.58327 0.68887 0.80747) |
| XYZ D50 | color(xyz-d50 0.58651 0.68578 0.61209) |
| SwiftUI | Color(red: 0.686, green: 0.886, blue: 0.878) |
| UIKit | UIColor(red: 0.686, green: 0.886, blue: 0.878, alpha: 1) |
| Flutter / Compose | Color(0xFFAFE2E0) |
| Android XML | #AFE2E0 |

## ข้อมูล

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

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

#afe2e0, #b7e5e3, #bfe8e6, #c8ebe9, #d0eeec, #d8f1ef, #e0f4f3, #e7f6f6, #eff9f9, #f7fcfc

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

#afe2e0, #98c4c3, #81a8a6, #6b8c8a, #567170, #415756, #2e3e3e, #1c2727, #0b1212, #010302

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

#afe2e0, #b3e1df, #b8e0de, #bcdfdd, #c0dddc, #c4dcdb, #c8dbda, #cbdad9, #cfd9d8, #d3d7d7

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

- คู่ตรงข้าม: #afe2e0, #f7c9cc
- คู่ตรงข้ามแยก: #afe2e0, #f0c9df, #f6ccbb
- ข้างเคียง: #afe2e0, #b8e2cd, #b2dff0
- สามเส้า: #afe2e0, #e3cdf0, #ecd2b1
- สี่เหลี่ยมผืนผ้า: #afe2e0, #bfd9f9, #f7c9cc, #ecd2b1
- สี่เหลี่ยมจัตุรัส: #afe2e0, #d1d3f9, #f7c9cc, #dcd9b1
- โทนสีเดียว: #afe2e0, #659694, #89bbb9, #cdffff, #cdffff

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

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

#afe2e0 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(175, 226, 224) ใน HSL คือ hsl(177.65, 46.79%, 78.63%) และใน OKLCH คือ oklch(87.689% 0.05247 193.243)

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

สีตรงข้ามของ #afe2e0 คือ #f7c9cc หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b8e2cd และ #b2dff0 ส่วนสีสามเส้าคือ #e3cdf0 และ #ecd2b1

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

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

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

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