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

#9cd9d4 คือ rgb(156, 217, 212) ใน RGB และ oklch(84.253% 0.06246 189.672) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9cd9d4 |
| RGB | rgb(156, 217, 212) |
| HSL | hsl(175.08, 44.53%, 73.14%) |
| HSB / HSV | hsv(175.08 28.11% 85.1%) |
| HWB | hwb(175.08 61.18% 14.9%) |
| CMYK | cmyk(28% 0% 2% 15%) |
| Lab | lab(82.45 -20.95 -4.13) |
| LCH | lch(82.45 21.35 191.16) |
| OKLab | oklab(84.253% -0.06157 -0.01049) |
| OKLCH | oklch(84.253% 0.06246 189.672) |
| Display P3 | color(display-p3 0.66264 0.84442 0.82969) |
| Rec. 2020 | color(rec2020 0.68002 0.81779 0.81013) |
| Adobe RGB | color(a98-rgb 0.68518 0.84689 0.82774) |
| ProPhoto RGB | color(prophoto-rgb 0.67857 0.79207 0.79189) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.69387 0.65837) |
| XYZ D65 | color(xyz-d65 0.50404 0.61446 0.71494) |
| XYZ D50 | color(xyz-d50 0.50642 0.61131 0.54214) |
| SwiftUI | Color(red: 0.612, green: 0.851, blue: 0.831) |
| UIKit | UIColor(red: 0.612, green: 0.851, blue: 0.831, alpha: 1) |
| Flutter / Compose | Color(0xFF9CD9D4) |
| Android XML | #9CD9D4 |

## ข้อมูล

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

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

#9cd9d4, #a6ddd8, #b1e1dc, #bbe5e1, #c5e8e5, #cfece9, #d8f0ee, #e2f4f2, #ecf7f6, #f5fbfb

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

#9cd9d4, #87bcb8, #73a19d, #5f8683, #4c6c69, #395351, #283b3a, #182524, #091110, #010202

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

#9cd9d4, #a1d8d3, #a7d6d2, #acd5d1, #b1d4d0, #b5d2d0, #bad1cf, #becfce, #c3cecd, #c7cdcc

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

- คู่ตรงข้าม: #9cd9d4, #f1bbc2
- คู่ตรงข้ามแยก: #9cd9d4, #e8bcd8, #f0bead
- ข้างเคียง: #9cd9d4, #a9d8bd, #9ed6e8
- สามเส้า: #9cd9d4, #d8c1eb, #e6c5a0
- สี่เหลี่ยมผืนผ้า: #9cd9d4, #adcff3, #f1bbc2, #e6c5a0
- สี่เหลี่ยมจัตุรัส: #9cd9d4, #c2c8f4, #f1bbc2, #d5cd9e
- โทนสีเดียว: #9cd9d4, #528d89, #76b2ae, #c3fffc, #c5fffe

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

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

#9cd9d4 เป็นโทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(156, 217, 212) ใน HSL คือ hsl(175.08, 44.53%, 73.14%) และใน OKLCH คือ oklch(84.253% 0.06246 189.672)

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

สีตรงข้ามของ #9cd9d4 คือ #f1bbc2 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a9d8bd และ #9ed6e8 ส่วนสีสามเส้าคือ #d8c1eb และ #e6c5a0

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

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

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

#9cd9d4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 190 องศา ความสว่าง 84.3% และความสด 0.062