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

#9ecdd3 คือ rgb(158, 205, 211) ใน RGB และ oklch(81.715% 0.0498 205.93) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ecdd3 |
| RGB | rgb(158, 205, 211) |
| HSL | hsl(186.79, 37.59%, 72.35%) |
| HSB / HSV | hsv(186.79 25.12% 82.75%) |
| HWB | hwb(186.79 61.96% 17.25%) |
| CMYK | cmyk(25% 3% 0% 17%) |
| Lab | lab(79.23 -14.91 -8.29) |
| LCH | lch(79.23 17.06 209.09) |
| OKLab | oklab(81.715% -0.04478 -0.02177) |
| OKLCH | oklch(81.715% 0.0498 205.93) |
| Display P3 | color(display-p3 0.65732 0.79867 0.82278) |
| Rec. 2020 | color(rec2020 0.66336 0.76925 0.80171) |
| Adobe RGB | color(a98-rgb 0.6729 0.799 0.82195) |
| ProPhoto RGB | color(prophoto-rgb 0.66058 0.74257 0.78134) |
| sRGB เชิงเส้น | color(srgb-linear 0.34191 0.6105 0.65141) |
| XYZ D65 | color(xyz-d65 0.47687 0.55634 0.69856) |
| XYZ D50 | color(xyz-d50 0.47743 0.55322 0.5292) |
| SwiftUI | Color(red: 0.62, green: 0.804, blue: 0.827) |
| UIKit | UIColor(red: 0.62, green: 0.804, blue: 0.827, alpha: 1) |
| Flutter / Compose | Color(0xFF9ECDD3) |
| Android XML | #9ECDD3 |

## ข้อมูล

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

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

#9ecdd3, #a8d2d7, #b2d7dc, #bbdce0, #c5e1e4, #cfe6e9, #d8ebed, #e2f0f2, #ecf5f6, #f5fafb

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

#9ecdd3, #89b2b7, #74989c, #607e82, #4d6669, #3a4e51, #29383a, #182324, #090f10, #010202

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

#9ecdd3, #a2ccd1, #a6cbd0, #aacace, #aec9cd, #b2c8cb, #b5c7c9, #b9c6c8, #bcc5c6, #c0c4c5

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

- คู่ตรงข้าม: #9ecdd3, #e2b7b3
- คู่ตรงข้ามแยก: #9ecdd3, #dfb6c4, #ddbca5
- ข้างเคียง: #9ecdd3, #a2cec2, #a5c9e0
- สามเส้า: #9ecdd3, #d5b9d5, #d2c29f
- สี่เหลี่ยมผืนผ้า: #9ecdd3, #b4c3e4, #e2b7b3, #d2c29f
- สี่เหลี่ยมจัตุรัส: #9ecdd3, #c5bde1, #e2b7b3, #c1c8a3
- โทนสีเดียว: #9ecdd3, #558288, #79a7ad, #c4f4fb, #cfffff

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

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

#9ecdd3 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(158, 205, 211) ใน HSL คือ hsl(186.79, 37.59%, 72.35%) และใน OKLCH คือ oklch(81.715% 0.0498 205.93)

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

สีตรงข้ามของ #9ecdd3 คือ #e2b7b3 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a2cec2 และ #a5c9e0 ส่วนสีสามเส้าคือ #d5b9d5 และ #d2c29f

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

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

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

#9ecdd3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 206 องศา ความสว่าง 81.7% และความสด 0.05