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

#9ce4e9 คือ rgb(156, 228, 233) ใน RGB และ oklch(87.325% 0.07176 201.43) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ce4e9 |
| RGB | rgb(156, 228, 233) |
| HSL | hsl(183.9, 63.64%, 76.27%) |
| HSB / HSV | hsv(183.9 33.05% 91.37%) |
| HWB | hwb(183.9 61.18% 8.63%) |
| CMYK | cmyk(33% 2% 0% 9%) |
| Lab | lab(85.98 -22.34 -9.99) |
| LCH | lch(85.98 24.47 204.1) |
| OKLab | oklab(87.325% -0.0668 -0.02622) |
| OKLCH | oklch(87.325% 0.07176 201.43) |
| Display P3 | color(display-p3 0.6735 0.88657 0.90822) |
| Rec. 2020 | color(rec2020 0.70496 0.86398 0.89693) |
| Adobe RGB | color(a98-rgb 0.70165 0.89099 0.91028) |
| ProPhoto RGB | color(prophoto-rgb 0.71496 0.8417 0.8847) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.77582 0.81485) |
| XYZ D65 | color(xyz-d65 0.56159 0.68436 0.87344) |
| XYZ D50 | color(xyz-d50 0.56037 0.67954 0.66183) |
| SwiftUI | Color(red: 0.612, green: 0.894, blue: 0.914) |
| UIKit | UIColor(red: 0.612, green: 0.894, blue: 0.914, alpha: 1) |
| Flutter / Compose | Color(0xFF9CE4E9) |
| Android XML | #9CE4E9 |

## ข้อมูล

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

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

#9ce4e9, #a7e7eb, #b1eaed, #bbecf0, #c6eff2, #cff2f4, #d9f4f6, #e3f7f8, #ecfafb, #f6fcfd

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

#9ce4e9, #87c6cb, #73a9ad, #5f8d90, #4c7274, #39585a, #283f41, #182829, #091213, #010303

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

#9ce4e9, #a3e3e7, #a9e1e5, #afe0e3, #b5dee1, #bbdddf, #c0dbdd, #c6dadb, #cbd8d9, #d0d7d7

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

- คู่ตรงข้าม: #9ce4e9, #ffc3c1
- คู่ตรงข้ามแยก: #9ce4e9, #fbc2db, #fdc9ab
- ข้างเคียง: #9ce4e9, #a5e5cf, #a5dffd
- สามเส้า: #9ce4e9, #ecc6f2, #eed1a0
- สี่เหลี่ยมผืนผ้า: #9ce4e9, #bbd6ff, #ffc3c1, #eed1a0
- สี่เหลี่ยมจัตุรัส: #9ce4e9, #d5ceff, #ffc3c1, #d6daa4
- โทนสีเดียว: #9ce4e9, #50979c, #76bdc2, #bbffff, #bbffff

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

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

#9ce4e9 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(156, 228, 233) ใน HSL คือ hsl(183.9, 63.64%, 76.27%) และใน OKLCH คือ oklch(87.325% 0.07176 201.43)

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

สีตรงข้ามของ #9ce4e9 คือ #ffc3c1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a5e5cf และ #a5dffd ส่วนสีสามเส้าคือ #ecc6f2 และ #eed1a0

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

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

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

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