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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ce4e7 |
| RGB | rgb(156, 228, 231) |
| HSL | hsl(182.4, 60.98%, 75.88%) |
| HSB / HSV | hsv(182.4 32.47% 90.59%) |
| HWB | hwb(182.4 61.18% 9.41%) |
| CMYK | cmyk(32% 1% 0% 9%) |
| Lab | lab(85.94 -22.69 -9.02) |
| LCH | lch(85.94 24.42 201.67) |
| OKLab | oklab(87.261% -0.06759 -0.02357) |
| OKLCH | oklch(87.261% 0.07158 199.229) |
| Display P3 | color(display-p3 0.6735 0.88657 0.90103) |
| Rec. 2020 | color(rec2020 0.70446 0.86387 0.88903) |
| Adobe RGB | color(a98-rgb 0.70165 0.89099 0.90256) |
| ProPhoto RGB | color(prophoto-rgb 0.71335 0.84142 0.87632) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.77582 0.7991) |
| XYZ D65 | color(xyz-d65 0.55874 0.68322 0.85847) |
| XYZ D50 | color(xyz-d50 0.55811 0.67859 0.65059) |
| SwiftUI | Color(red: 0.612, green: 0.894, blue: 0.906) |
| UIKit | UIColor(red: 0.612, green: 0.894, blue: 0.906, alpha: 1) |
| Flutter / Compose | Color(0xFF9CE4E7) |
| Android XML | #9CE4E7 |

## ข้อมูล

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

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

#9ce4e7, #a7e7e9, #b1eaec, #bbecee, #c5eff1, #cff2f3, #d9f4f5, #e3f7f8, #ecfafa, #f6fcfd

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

#9ce4e7, #87c6c9, #73a9ab, #5f8d8f, #4c7273, #395859, #283f40, #182828, #091213, #010303

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

#9ce4e7, #a3e3e5, #a9e1e3, #afe0e2, #b5dee0, #bbddde, #c0dbdc, #c6dada, #cbd8d9, #d0d6d7

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

- คู่ตรงข้าม: #9ce4e7, #ffc3c2
- คู่ตรงข้ามแยก: #9ce4e7, #fac2dc, #fdc8ac
- ข้างเคียง: #9ce4e7, #a6e5cd, #a4dffb
- สามเส้า: #9ce4e7, #eac7f3, #efd0a0
- สี่เหลี่ยมผืนผ้า: #9ce4e7, #b9d7ff, #ffc3c2, #efd0a0
- สี่เหลี่ยมจัตุรัส: #9ce4e7, #d3ceff, #ffc3c2, #d8daa3
- โทนสีเดียว: #9ce4e7, #50979a, #76bdc0, #bcffff, #bcffff

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

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

#9ce4e7 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(156, 228, 231) ใน HSL คือ hsl(182.4, 60.98%, 75.88%) และใน OKLCH คือ oklch(87.261% 0.07158 199.229)

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

สีตรงข้ามของ #9ce4e7 คือ #ffc3c2 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a6e5cd และ #a4dffb ส่วนสีสามเส้าคือ #eac7f3 และ #efd0a0

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

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

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

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