# สี #9ce0cc: โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด

#9ce0cc คือ rgb(156, 224, 204) ใน RGB และ oklch(85.568% 0.07404 174.184) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ce0cc |
| RGB | rgb(156, 224, 204) |
| HSL | hsl(162.35, 52.31%, 74.51%) |
| HSB / HSV | hsv(162.35 30.36% 87.84%) |
| HWB | hwb(162.35 61.18% 12.16%) |
| CMYK | cmyk(30% 0% 9% 12%) |
| Lab | lab(84.22 -25.42 2.63) |
| LCH | lch(84.22 25.56 174.09) |
| OKLab | oklab(85.568% -0.07366 0.0075) |
| OKLCH | oklch(85.568% 0.07404 174.184) |
| Display P3 | color(display-p3 0.66949 0.87124 0.8033) |
| Rec. 2020 | color(rec2020 0.69092 0.84612 0.78196) |
| Adobe RGB | color(a98-rgb 0.69559 0.87493 0.7985) |
| ProPhoto RGB | color(prophoto-rgb 0.68562 0.82076 0.76395) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.7454 0.60383) |
| XYZ D65 | color(xyz-d65 0.51262 0.64737 0.66923) |
| XYZ D50 | color(xyz-d50 0.51846 0.64494 0.50819) |
| SwiftUI | Color(red: 0.612, green: 0.878, blue: 0.8) |
| UIKit | UIColor(red: 0.612, green: 0.878, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF9CE0CC) |
| Android XML | #9CE0CC |

## ข้อมูล

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

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

#9ce0cc, #a7e3d1, #b1e6d6, #bbeadb, #c5ede0, #cff0e5, #d9f3ea, #e2f6ef, #ecf9f5, #f6fcfa

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

#9ce0cc, #87c3b1, #73a697, #5f8a7e, #4c7065, #39564e, #283e37, #182722, #09120f, #010202

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

#9ce0cc, #a2decc, #a8ddcd, #addbcd, #b3dacd, #b8d8ce, #bdd6ce, #c2d5ce, #c6d3cf, #cbd1cf

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

- คู่ตรงข้าม: #9ce0cc, #f8bcd3
- คู่ตรงข้ามแยก: #9ce0cc, #e9c0eb, #fdbdb8
- ข้างเคียง: #9ce0cc, #b3ddb1, #94dee6
- สามเส้า: #9ce0cc, #d2c7fc, #f7c3a2
- สี่เหลี่ยมผืนผ้า: #9ce0cc, #a0d8f9, #f8bcd3, #f7c3a2
- สี่เหลี่ยมจัตุรัส: #9ce0cc, #b7d0ff, #f8bcd3, #e7cc98
- โทนสีเดียว: #9ce0cc, #519482, #76b9a6, #c1fff1, #c1fff1

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

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

#9ce0cc เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ใน RGB คือ rgb(156, 224, 204) ใน HSL คือ hsl(162.35, 52.31%, 74.51%) และใน OKLCH คือ oklch(85.568% 0.07404 174.184)

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

สีตรงข้ามของ #9ce0cc คือ #f8bcd3 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b3ddb1 และ #94dee6 ส่วนสีสามเส้าคือ #d2c7fc และ #f7c3a2

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

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

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

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