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

#9ae5ea คือ rgb(154, 229, 234) ใน RGB และ oklch(87.471% 0.07432 201.199) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ae5ea |
| RGB | rgb(154, 229, 234) |
| HSL | hsl(183.75, 65.57%, 76.08%) |
| HSB / HSV | hsv(183.75 34.19% 91.76%) |
| HWB | hwb(183.75 60.39% 8.24%) |
| CMYK | cmyk(34% 2% 0% 8%) |
| Lab | lab(86.18 -23.18 -10.24) |
| LCH | lch(86.18 25.34 203.84) |
| OKLab | oklab(87.471% -0.06929 -0.02687) |
| OKLCH | oklch(87.471% 0.07432 201.199) |
| Display P3 | color(display-p3 0.66883 0.89025 0.91202) |
| Rec. 2020 | color(rec2020 0.70281 0.86777 0.90118) |
| Adobe RGB | color(a98-rgb 0.69854 0.89501 0.91431) |
| ProPhoto RGB | color(prophoto-rgb 0.71404 0.84555 0.88936) |
| sRGB เชิงเส้น | color(srgb-linear 0.32314 0.78354 0.82279) |
| XYZ D65 | color(xyz-d65 0.56194 0.68847 0.88172) |
| XYZ D50 | color(xyz-d50 0.56042 0.68348 0.66812) |
| SwiftUI | Color(red: 0.604, green: 0.898, blue: 0.918) |
| UIKit | UIColor(red: 0.604, green: 0.898, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF9AE5EA) |
| Android XML | #9AE5EA |

## ข้อมูล

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

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

#9ae5ea, #a5e8ec, #b0eaee, #baedf0, #c5f0f2, #cff2f5, #d8f5f7, #e2f7f9, #ecfafb, #f6fdfd

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

#9ae5ea, #85c7cb, #71aaae, #5e8e91, #4b7275, #39585a, #273f41, #172829, #091213, #010303

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

#9ae5ea, #a1e4e8, #a8e2e6, #aee1e4, #b4dfe2, #badee0, #c0dcde, #c6dadc, #cbd9da, #d0d7d8

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

- คู่ตรงข้าม: #9ae5ea, #ffc3c1
- คู่ตรงข้ามแยก: #9ae5ea, #fdc2dc, #ffc9aa
- ข้างเคียง: #9ae5ea, #a4e6cf, #a4dffe
- สามเส้า: #9ae5ea, #edc6f4, #efd19e
- สี่เหลี่ยมผืนผ้า: #9ae5ea, #bbd7ff, #ffc3c1, #efd19e
- สี่เหลี่ยมจัตุรัส: #9ae5ea, #d5ceff, #ffc3c1, #d7dba2
- โทนสีเดียว: #9ae5ea, #4e989d, #74bec3, #b9ffff, #b9ffff

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

### #9ae5ea คือสีอะไร

#9ae5ea เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(154, 229, 234) ใน HSL คือ hsl(183.75, 65.57%, 76.08%) และใน OKLCH คือ oklch(87.471% 0.07432 201.199)

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

สีตรงข้ามของ #9ae5ea คือ #ffc3c1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a4e6cf และ #a4dffe ส่วนสีสามเส้าคือ #edc6f4 และ #efd19e

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

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

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

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