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

#9ce2e5 คือ rgb(156, 226, 229) ใน RGB และ oklch(86.759% 0.06988 199.335) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ce2e5 |
| RGB | rgb(156, 226, 229) |
| HSL | hsl(182.47, 58.4%, 75.49%) |
| HSB / HSV | hsv(182.47 31.88% 89.8%) |
| HWB | hwb(182.47 61.18% 10.2%) |
| CMYK | cmyk(32% 1% 0% 10%) |
| Lab | lab(85.34 -22.14 -8.85) |
| LCH | lch(85.34 23.84 201.79) |
| OKLab | oklab(86.759% -0.06594 -0.02314) |
| OKLCH | oklch(86.759% 0.06988 199.335) |
| Display P3 | color(display-p3 0.67149 0.87891 0.89327) |
| Rec. 2020 | color(rec2020 0.70031 0.85555 0.88037) |
| Adobe RGB | color(a98-rgb 0.69861 0.88296 0.89452) |
| ProPhoto RGB | color(prophoto-rgb 0.70806 0.83258 0.86685) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.76052 0.78354) |
| XYZ D65 | color(xyz-d65 0.55047 0.67116 0.84185) |
| XYZ D50 | color(xyz-d50 0.55 0.66668 0.63799) |
| SwiftUI | Color(red: 0.612, green: 0.886, blue: 0.898) |
| UIKit | UIColor(red: 0.612, green: 0.886, blue: 0.898, alpha: 1) |
| Flutter / Compose | Color(0xFF9CE2E5) |
| Android XML | #9CE2E5 |

## ข้อมูล

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

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

#9ce2e5, #a7e5e8, #b1e8ea, #bbebed, #c5eeef, #cff1f2, #d9f4f5, #e3f7f7, #ecf9fa, #f6fcfc

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

#9ce2e5, #87c4c7, #73a8aa, #5f8c8e, #4c7172, #395758, #283e3f, #182728, #091212, #010303

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

#9ce2e5, #a2e1e3, #a9dfe1, #afdee0, #b4dcde, #badbdc, #bfd9da, #c4d8d9, #c9d6d7, #ced5d5

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

- คู่ตรงข้าม: #9ce2e5, #fec2c1
- คู่ตรงข้ามแยก: #9ce2e5, #f8c1da, #fac7ab
- ข้างเคียง: #9ce2e5, #a6e3cc, #a4ddf9
- สามเส้า: #9ce2e5, #e8c5f1, #eccfa0
- สี่เหลี่ยมผืนผ้า: #9ce2e5, #b9d5ff, #fec2c1, #eccfa0
- สี่เหลี่ยมจัตุรัส: #9ce2e5, #d2cdff, #fec2c1, #d6d8a3
- โทนสีเดียว: #9ce2e5, #519599, #76bbbe, #bdffff, #bdffff

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

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

#9ce2e5 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(156, 226, 229) ใน HSL คือ hsl(182.47, 58.4%, 75.49%) และใน OKLCH คือ oklch(86.759% 0.06988 199.335)

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

สีตรงข้ามของ #9ce2e5 คือ #fec2c1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a6e3cc และ #a4ddf9 ส่วนสีสามเส้าคือ #e8c5f1 และ #eccfa0

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

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

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

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