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

#9ae2fe คือ rgb(154, 226, 254) ใน RGB และ oklch(87.5% 0.08128 224.365) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ae2fe |
| RGB | rgb(154, 226, 254) |
| HSL | hsl(196.8, 98.04%, 80%) |
| HSB / HSV | hsv(196.8 39.37% 99.61%) |
| HWB | hwb(196.8 60.39% 0.39%) |
| CMYK | cmyk(39% 11% 0% 0%) |
| Lab | lab(85.87 -18.08 -21.17) |
| LCH | lch(85.87 27.83 229.5) |
| OKLab | oklab(87.5% -0.05811 -0.05683) |
| OKLCH | oklch(87.5% 0.08128 224.365) |
| Display P3 | color(display-p3 0.66578 0.87875 0.98356) |
| Rec. 2020 | color(rec2020 0.7026 0.85656 0.97992) |
| Adobe RGB | color(a98-rgb 0.69394 0.88296 0.9916) |
| ProPhoto RGB | color(prophoto-rgb 0.72565 0.83575 0.97344) |
| sRGB เชิงเส้น | color(srgb-linear 0.32314 0.76052 0.9911) |
| XYZ D65 | color(xyz-d65 0.58409 0.68417 1.03897) |
| XYZ D50 | color(xyz-d50 0.57563 0.67719 0.78608) |
| SwiftUI | Color(red: 0.604, green: 0.886, blue: 0.996) |
| UIKit | UIColor(red: 0.604, green: 0.886, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF9AE2FE) |
| Android XML | #9AE2FE |

## ข้อมูล

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

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

#9ae2fe, #a5e5fe, #b0e8fe, #baebff, #c4eeff, #cef1ff, #d8f4ff, #e2f7ff, #ecf9ff, #f5fcff

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

#9ae2fe, #85c4dd, #71a8bd, #5e8c9e, #4b7180, #395763, #273e47, #17272d, #091216, #010303

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

#9ae2fe, #a1e1fa, #a8e0f6, #aedff2, #b4ddee, #badcea, #c0dbe6, #c6dae2, #cbd8de, #d0d7da

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

- คู่ตรงข้าม: #9ae2fe, #ffc5aa
- คู่ตรงข้ามแยก: #9ae2fe, #ffc0c5, #f6cf9a
- ข้างเคียง: #9ae2fe, #94e7e6, #b2d9ff
- สามเส้า: #9ae2fe, #fec1e3, #ded99b
- สี่เหลี่ยมผืนผ้า: #9ae2fe, #cfcfff, #ffc5aa, #ded99b
- สี่เหลี่ยมจัตุรัส: #9ae2fe, #eac6fc, #ffc5aa, #c0e2ac
- โทนสีเดียว: #9ae2fe, #4e95af, #74bbd6, #d4fdff, #d4fdff

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

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

#9ae2fe เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(154, 226, 254) ใน HSL คือ hsl(196.8, 98.04%, 80%) และใน OKLCH คือ oklch(87.5% 0.08128 224.365)

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

สีตรงข้ามของ #9ae2fe คือ #ffc5aa หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #94e7e6 และ #b2d9ff ส่วนสีสามเส้าคือ #fec1e3 และ #ded99b

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

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

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

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