# สี #9dcbc5: โทนหม่น เฉดอ่อนของสีเขียวหัวเป็ด

#9dcbc5 คือ rgb(157, 203, 197) ใน RGB และ oklch(80.779% 0.04902 186.395) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9dcbc5 |
| RGB | rgb(157, 203, 197) |
| HSL | hsl(172.17, 30.67%, 70.59%) |
| HSB / HSV | hsv(172.17 22.66% 79.61%) |
| HWB | hwb(172.17 61.57% 20.39%) |
| CMYK | cmyk(23% 0% 3% 20%) |
| Lab | lab(78.29 -16.6 -2.21) |
| LCH | lch(78.29 16.75 187.58) |
| OKLab | oklab(80.779% -0.04871 -0.00546) |
| OKLCH | oklch(80.779% 0.04902 186.395) |
| Display P3 | color(display-p3 0.65252 0.79093 0.77195) |
| Rec. 2020 | color(rec2020 0.65449 0.76021 0.74627) |
| Adobe RGB | color(a98-rgb 0.66762 0.79104 0.76821) |
| ProPhoto RGB | color(prophoto-rgb 0.64496 0.73215 0.72402) |
| sRGB เชิงเส้น | color(srgb-linear 0.33716 0.5972 0.55834) |
| XYZ D65 | color(xyz-d65 0.45336 0.5391 0.60842) |
| XYZ D50 | color(xyz-d50 0.45693 0.53699 0.46138) |
| SwiftUI | Color(red: 0.616, green: 0.796, blue: 0.773) |
| UIKit | UIColor(red: 0.616, green: 0.796, blue: 0.773, alpha: 1) |
| Flutter / Compose | Color(0xFF9DCBC5) |
| Android XML | #9DCBC5 |

## ข้อมูล

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

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

#9dcbc5, #a7d0cb, #b1d5d0, #bbdbd6, #c4e0dc, #cee5e2, #d8eae7, #e2efed, #ebf5f3, #f5faf9

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

#9dcbc5, #88b0ab, #739692, #5f7d79, #4c6561, #3a4d4b, #283735, #182221, #090f0e, #010202

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

#9dcbc5, #a1cac5, #a5c9c4, #a8c8c4, #acc7c3, #afc6c3, #b3c5c2, #b6c3c1, #bac2c1, #bdc1c0

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

- คู่ตรงข้าม: #9dcbc5, #ddb4bb
- คู่ตรงข้ามแยก: #9dcbc5, #d6b5cc, #deb6ab
- ข้างเคียง: #9dcbc5, #a7cab3, #9dc9d5
- สามเส้า: #9dcbc5, #c8b9da, #d7bb9f
- สี่เหลี่ยมผืนผ้า: #9dcbc5, #a7c4df, #ddb4bb, #d7bb9f
- สี่เหลี่ยมจัตุรัส: #9dcbc5, #b7bee0, #ddb4bb, #c9c19d
- โทนสีเดียว: #9dcbc5, #55807b, #78a59f, #c3f2ec, #d1fffa

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

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

#9dcbc5 เป็นโทนหม่น เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(157, 203, 197) ใน HSL คือ hsl(172.17, 30.67%, 70.59%) และใน OKLCH คือ oklch(80.779% 0.04902 186.395)

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

สีตรงข้ามของ #9dcbc5 คือ #ddb4bb หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a7cab3 และ #9dc9d5 ส่วนสีสามเส้าคือ #c8b9da และ #d7bb9f

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

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

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

#9dcbc5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 186 องศา ความสว่าง 80.8% และความสด 0.049