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

#9dcdf2 คือ rgb(157, 205, 242) ใน RGB และ oklch(82.74% 0.07251 241.866) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9dcdf2 |
| RGB | rgb(157, 205, 242) |
| HSL | hsl(206.12, 76.58%, 78.24%) |
| HSB / HSV | hsv(206.12 35.12% 94.9%) |
| HWB | hwb(206.12 61.57% 5.1%) |
| CMYK | cmyk(35% 15% 0% 5%) |
| Lab | lab(79.98 -9.58 -23.67) |
| LCH | lch(79.98 25.53 247.97) |
| OKLab | oklab(82.74% -0.03419 -0.06394) |
| OKLCH | oklch(82.74% 0.07251 241.866) |
| Display P3 | color(display-p3 0.65434 0.79858 0.93499) |
| Rec. 2020 | color(rec2020 0.66896 0.7708 0.92489) |
| Adobe RGB | color(a98-rgb 0.67041 0.799 0.94182) |
| ProPhoto RGB | color(prophoto-rgb 0.68403 0.74692 0.91127) |
| sRGB เชิงเส้น | color(srgb-linear 0.33716 0.6105 0.88792) |
| XYZ D65 | color(xyz-d65 0.5176 0.5724 0.92329) |
| XYZ D50 | color(xyz-d50 0.5092 0.5665 0.69803) |
| SwiftUI | Color(red: 0.616, green: 0.804, blue: 0.949) |
| UIKit | UIColor(red: 0.616, green: 0.804, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF9DCDF2) |
| Android XML | #9DCDF2 |

## ข้อมูล

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

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

#9dcdf2, #a7d2f4, #b1d7f5, #bbdcf6, #c5e1f8, #cee6f9, #d8ebfa, #e2f0fc, #ecf5fd, #f5fafe

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

#9dcdf2, #88b2d2, #7398b4, #5f7e96, #4c6679, #3a4e5e, #283843, #18232b, #090f14, #010203

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

#9dcdf2, #a2ccee, #a6cce9, #aacbe5, #afcbe1, #b3cadc, #b7c9d8, #bbc9d4, #bfc8cf, #c2c7cb

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

- คู่ตรงข้าม: #9dcdf2, #e9bd96
- คู่ตรงข้ามแยก: #9dcdf2, #f2b6a9, #d7c690
- ข้างเคียง: #9dcdf2, #8ed4e2, #b6c4f7
- สามเส้า: #9dcdf2, #f0b3c3, #bece9a
- สี่เหลี่ยมผืนผ้า: #9dcdf2, #cfbcee, #e9bd96, #bece9a
- สี่เหลี่ยมจัตุรัส: #9dcdf2, #e3b6dc, #e9bd96, #a4d5af
- โทนสีเดียว: #9dcdf2, #5482a4, #78a7ca, #d1f3ff, #dff9ff

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

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

#9dcdf2 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(157, 205, 242) ใน HSL คือ hsl(206.12, 76.58%, 78.24%) และใน OKLCH คือ oklch(82.74% 0.07251 241.866)

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

สีตรงข้ามของ #9dcdf2 คือ #e9bd96 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8ed4e2 และ #b6c4f7 ส่วนสีสามเส้าคือ #f0b3c3 และ #bece9a

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

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

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

#9dcdf2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 242 องศา ความสว่าง 82.7% และความสด 0.073