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

#9cd8da คือ rgb(156, 216, 218) ใน RGB และ oklch(84.22% 0.06111 198.656) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9cd8da |
| RGB | rgb(156, 216, 218) |
| HSL | hsl(181.94, 45.59%, 73.33%) |
| HSB / HSV | hsv(181.94 28.44% 85.49%) |
| HWB | hwb(181.94 61.18% 14.51%) |
| CMYK | cmyk(28% 1% 0% 15%) |
| Lab | lab(82.31 -19.47 -7.5) |
| LCH | lch(82.31 20.86 201.07) |
| OKLab | oklab(84.22% -0.0579 -0.01955) |
| OKLCH | oklch(84.22% 0.06111 198.656) |
| Display P3 | color(display-p3 0.66168 0.84059 0.85092) |
| Rec. 2020 | color(rec2020 0.67963 0.814 0.83324) |
| Adobe RGB | color(a98-rgb 0.68371 0.84289 0.85057) |
| ProPhoto RGB | color(prophoto-rgb 0.68132 0.78867 0.8158) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.68669 0.7011) |
| XYZ D65 | color(xyz-d65 0.50918 0.6124 0.7547) |
| XYZ D50 | color(xyz-d50 0.50976 0.60874 0.57195) |
| SwiftUI | Color(red: 0.612, green: 0.847, blue: 0.855) |
| UIKit | UIColor(red: 0.612, green: 0.847, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF9CD8DA) |
| Android XML | #9CD8DA |

## ข้อมูล

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

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

#9cd8da, #a6dcde, #b1e0e1, #bbe4e5, #c5e8e9, #cfecec, #d8f0f0, #e2f3f4, #ecf7f8, #f5fbfb

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

#9cd8da, #87bcbd, #73a0a2, #5f8587, #4c6b6c, #395354, #283b3c, #182525, #091111, #010202

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

#9cd8da, #a1d7d9, #a7d6d7, #acd4d6, #b0d3d4, #b5d2d3, #bad0d1, #becfd0, #c3cece, #c7cccd

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

- คู่ตรงข้าม: #9cd8da, #f1bcbc
- คู่ตรงข้ามแยก: #9cd8da, #ebbcd2, #edc0a9
- ข้างเคียง: #9cd8da, #a5d9c4, #a2d4eb
- สามเส้า: #9cd8da, #ddbfe5, #e1c79f
- สี่เหลี่ยมผืนผ้า: #9cd8da, #b3cdf4, #f1bcbc, #e1c79f
- สี่เหลี่ยมจัตุรัส: #9cd8da, #c9c5f2, #f1bcbc, #cecfa1
- โทนสีเดียว: #9cd8da, #528c8e, #76b1b3, #c3ffff, #c5ffff

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

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

#9cd8da เป็นโทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(156, 216, 218) ใน HSL คือ hsl(181.94, 45.59%, 73.33%) และใน OKLCH คือ oklch(84.22% 0.06111 198.656)

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

สีตรงข้ามของ #9cd8da คือ #f1bcbc หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a5d9c4 และ #a2d4eb ส่วนสีสามเส้าคือ #ddbfe5 และ #e1c79f

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

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

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

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