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

#ade4f0 คือ rgb(173, 228, 240) ใน RGB และ oklch(88.501% 0.05842 212.562) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #ade4f0 |
| RGB | rgb(173, 228, 240) |
| HSL | hsl(190.75, 69.07%, 80.98%) |
| HSB / HSV | hsv(190.75 27.92% 94.12%) |
| HWB | hwb(190.75 67.84% 5.88%) |
| CMYK | cmyk(28% 5% 0% 6%) |
| Lab | lab(87.09 -16.16 -11.89) |
| LCH | lch(87.09 20.06 216.34) |
| OKLab | oklab(88.501% -0.04924 -0.03144) |
| OKLCH | oklch(88.501% 0.05842 212.562) |
| Display P3 | color(display-p3 0.72299 0.88803 0.93416) |
| Rec. 2020 | color(rec2020 0.7444 0.86777 0.92546) |
| Adobe RGB | color(a98-rgb 0.74269 0.89099 0.93738) |
| ProPhoto RGB | color(prophoto-rgb 0.75279 0.84806 0.91514) |
| sRGB เชิงเส้น | color(srgb-linear 0.41789 0.77582 0.87137) |
| XYZ D65 | color(xyz-d65 0.60702 0.70661 0.92881) |
| XYZ D50 | color(xyz-d50 0.60571 0.70198 0.70338) |
| SwiftUI | Color(red: 0.678, green: 0.894, blue: 0.941) |
| UIKit | UIColor(red: 0.678, green: 0.894, blue: 0.941, alpha: 1) |
| Flutter / Compose | Color(0xFFADE4F0) |
| Android XML | #ADE4F0 |

## ข้อมูล

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

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

#ade4f0, #b6e7f2, #beeaf3, #c6ecf5, #cfeff6, #d7f2f8, #dff4f9, #e7f7fb, #effafc, #f7fcfe

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

#ade4f0, #96c6d1, #7fa9b2, #6a8d95, #557278, #41585d, #2d3f43, #1b282a, #0b1214, #010303

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

#ade4f0, #b2e3ee, #b7e2eb, #bbe1e9, #c0e0e7, #c4dfe5, #c9dee2, #cddce0, #d1dbde, #d5dadb

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

- คู่ตรงข้าม: #ade4f0, #fdccc1
- คู่ตรงข้ามแยก: #ade4f0, #fccad6, #f6d1b2
- ข้างเคียง: #ade4f0, #afe6dc, #b8dffd
- สามเส้า: #ade4f0, #f1ccea, #e6d9ae
- สี่เหลี่ยมผืนผ้า: #ade4f0, #ccd7ff, #fdccc1, #e6d9ae
- สี่เหลี่ยมจัตุรัส: #ade4f0, #e0d1fa, #fdccc1, #d2e0b6
- โทนสีเดียว: #ade4f0, #6397a3, #87bdc9, #c9ffff, #c9ffff

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

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

#ade4f0 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(173, 228, 240) ใน HSL คือ hsl(190.75, 69.07%, 80.98%) และใน OKLCH คือ oklch(88.501% 0.05842 212.562)

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

สีตรงข้ามของ #ade4f0 คือ #fdccc1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #afe6dc และ #b8dffd ส่วนสีสามเส้าคือ #f1ccea และ #e6d9ae

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

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

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

#ade4f0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 213 องศา ความสว่าง 88.5% และความสด 0.058