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

#9cc5ba คือ rgb(156, 197, 186) ใน RGB และ oklch(79.07% 0.04628 176.871) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9cc5ba |
| RGB | rgb(156, 197, 186) |
| HSL | hsl(163.9, 26.11%, 69.22%) |
| HSB / HSV | hsv(163.9 20.81% 77.25%) |
| HWB | hwb(163.9 61.18% 22.75%) |
| CMYK | cmyk(21% 0% 6% 23%) |
| Lab | lab(76.31 -15.83 0.82) |
| LCH | lch(76.31 15.85 177.04) |
| OKLab | oklab(79.07% -0.04621 0.00253) |
| OKLCH | oklch(79.07% 0.04628 176.871) |
| Display P3 | color(display-p3 0.64417 0.7679 0.73085) |
| Rec. 2020 | color(rec2020 0.63967 0.73516 0.70133) |
| Adobe RGB | color(a98-rgb 0.65685 0.76721 0.72552) |
| ProPhoto RGB | color(prophoto-rgb 0.62516 0.70589 0.67757) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.55834 0.49102) |
| XYZ D65 | color(xyz-d65 0.42537 0.50545 0.53971) |
| XYZ D50 | color(xyz-d50 0.43027 0.504 0.40947) |
| SwiftUI | Color(red: 0.612, green: 0.773, blue: 0.729) |
| UIKit | UIColor(red: 0.612, green: 0.773, blue: 0.729, alpha: 1) |
| Flutter / Compose | Color(0xFF9CC5BA) |
| Android XML | #9CC5BA |

## ข้อมูล

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

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

#9cc5ba, #a6cbc1, #b0d0c7, #bad6ce, #c3dcd5, #cde2dc, #d7e8e3, #e1edea, #ebf3f1, #f5f9f8

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

#9cc5ba, #87aba1, #739289, #5f7972, #4c615c, #394b46, #283532, #18211e, #090e0d, #010202

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

#9cc5ba, #9fc4ba, #a3c3ba, #a6c2ba, #a9c1ba, #acc0ba, #afbfba, #b2beba, #b5bdba, #b8bcbb

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

- คู่ตรงข้าม: #9cc5ba, #d5afbb
- คู่ตรงข้ามแยก: #9cc5ba, #cbb1cb, #d7b0ab
- ข้างเคียง: #9cc5ba, #a8c3aa, #99c4ca
- สามเส้า: #9cc5ba, #bdb5d6, #d3b49e
- สี่เหลี่ยมผืนผ้า: #9cc5ba, #9fc0d5, #d5afbb, #d3b49e
- สี่เหลี่ยมจัตุรัส: #9cc5ba, #adbbd9, #d5afbb, #c8b999
- โทนสีเดียว: #9cc5ba, #547b71, #779f95, #c2ece1, #d5fff4

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

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

#9cc5ba เป็นโทนหม่น เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(156, 197, 186) ใน HSL คือ hsl(163.9, 26.11%, 69.22%) และใน OKLCH คือ oklch(79.07% 0.04628 176.871)

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

สีตรงข้ามของ #9cc5ba คือ #d5afbb หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a8c3aa และ #99c4ca ส่วนสีสามเส้าคือ #bdb5d6 และ #d3b49e

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

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

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

#9cc5ba เป็นสีโทนเย็น ใน OKLCH มีฮิว 177 องศา ความสว่าง 79.1% และความสด 0.046