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

#9dcae2 คือ rgb(157, 202, 226) ใน RGB และ oklch(81.515% 0.0582 231.642) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9dcae2 |
| RGB | rgb(157, 202, 226) |
| HSL | hsl(200.87, 54.33%, 75.1%) |
| HSB / HSV | hsv(200.87 30.53% 88.63%) |
| HWB | hwb(200.87 61.57% 11.37%) |
| CMYK | cmyk(31% 11% 0% 11%) |
| Lab | lab(78.72 -11.13 -17.04) |
| LCH | lch(78.72 20.35 236.86) |
| OKLab | oklab(81.515% -0.03612 -0.04564) |
| OKLCH | oklch(81.515% 0.0582 231.642) |
| Display P3 | color(display-p3 0.65162 0.78711 0.87613) |
| Rec. 2020 | color(rec2020 0.65964 0.7577 0.8599) |
| Adobe RGB | color(a98-rgb 0.66623 0.78707 0.87926) |
| ProPhoto RGB | color(prophoto-rgb 0.66541 0.73211 0.84176) |
| sRGB เชิงเส้น | color(srgb-linear 0.33716 0.59062 0.76052) |
| XYZ D65 | color(xyz-d65 0.4875 0.54899 0.79982) |
| XYZ D50 | color(xyz-d50 0.48332 0.54453 0.60512) |
| SwiftUI | Color(red: 0.616, green: 0.792, blue: 0.886) |
| UIKit | UIColor(red: 0.616, green: 0.792, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF9DCAE2) |
| Android XML | #9DCAE2 |

## ข้อมูล

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

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

#9dcae2, #a7cfe5, #b1d5e8, #bbdaeb, #c4dfee, #cee4f1, #d8eaf4, #e2eff7, #ebf4f9, #f5fafc

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

#9dcae2, #88afc4, #7395a8, #5f7c8c, #4c6471, #3a4d57, #28373e, #182227, #090f12, #010203

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

#9dcae2, #a1c9df, #a5c9dc, #a9c8d9, #adc7d6, #b1c6d2, #b4c6cf, #b8c5cc, #bbc4c9, #bfc3c6

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

- คู่ตรงข้าม: #9dcae2, #e2b9a1
- คู่ตรงข้ามแยก: #9dcae2, #e6b4b2, #d6bf98
- ข้างเคียง: #9dcae2, #96ced2, #aec3e9
- สามเส้า: #9dcae2, #e1b4c7, #c3c79c
- สี่เหลี่ยมผืนผ้า: #9dcae2, #c2bce6, #e2b9a1, #c3c79c
- สี่เหลี่ยมจัตุรัส: #9dcae2, #d5b7da, #e2b9a1, #aecdaa
- โทนสีเดียว: #9dcae2, #557f96, #78a4bb, #c3f1ff, #d9fbff

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

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

#9dcae2 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(157, 202, 226) ใน HSL คือ hsl(200.87, 54.33%, 75.1%) และใน OKLCH คือ oklch(81.515% 0.0582 231.642)

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

สีตรงข้ามของ #9dcae2 คือ #e2b9a1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #96ced2 และ #aec3e9 ส่วนสีสามเส้าคือ #e1b4c7 และ #c3c79c

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

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

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

#9dcae2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 232 องศา ความสว่าง 81.5% และความสด 0.058