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

#9dcff5 คือ rgb(157, 207, 245) ใน RGB และ oklch(83.277% 0.07476 241.528) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9dcff5 |
| RGB | rgb(157, 207, 245) |
| HSL | hsl(205.91, 81.48%, 78.82%) |
| HSB / HSV | hsv(205.91 35.92% 96.08%) |
| HWB | hwb(205.91 61.57% 3.92%) |
| CMYK | cmyk(36% 16% 0% 4%) |
| Lab | lab(80.61 -9.97 -24.31) |
| LCH | lch(80.61 26.28 247.7) |
| OKLab | oklab(83.277% -0.03564 -0.06571) |
| OKLCH | oklch(83.277% 0.07476 241.528) |
| Display P3 | color(display-p3 0.65616 0.80623 0.94638) |
| Rec. 2020 | color(rec2020 0.67318 0.77909 0.9376) |
| Adobe RGB | color(a98-rgb 0.67322 0.80697 0.9538) |
| ProPhoto RGB | color(prophoto-rgb 0.69002 0.75563 0.92517) |
| sRGB เชิงเส้น | color(srgb-linear 0.33716 0.62396 0.9131) |
| XYZ D65 | color(xyz-d65 0.52696 0.58385 0.94882) |
| XYZ D50 | color(xyz-d50 0.51799 0.57768 0.71731) |
| SwiftUI | Color(red: 0.616, green: 0.812, blue: 0.961) |
| UIKit | UIColor(red: 0.616, green: 0.812, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFF9DCFF5) |
| Android XML | #9DCFF5 |

## ข้อมูล

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

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

#9dcff5, #a7d4f6, #b1d9f7, #bbdef9, #c5e2fa, #cee7fb, #d8ecfc, #e2f1fd, #ecf6fd, #f5fafe

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

#9dcff5, #88b4d5, #7399b6, #5f7f98, #4c677b, #3a4f5f, #283844, #18232b, #091015, #010203

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

#9dcff5, #a2cef1, #a6ceec, #abcde8, #afcde3, #b4ccdf, #b8cbda, #bccad6, #c0cad1, #c4c9cd

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

- คู่ตรงข้าม: #9dcff5, #ecbe97
- คู่ตรงข้ามแยก: #9dcff5, #f5b7aa, #dac790
- ข้างเคียง: #9dcff5, #8dd6e4, #b6c6fa
- สามเส้า: #9dcff5, #f2b4c5, #c0d09a
- สี่เหลี่ยมผืนผ้า: #9dcff5, #d1bdf2, #ecbe97, #c0d09a
- สี่เหลี่ยมจัตุรัส: #9dcff5, #e6b7de, #ecbe97, #a5d7b0
- โทนสีเดียว: #9dcff5, #5484a7, #78a9cd, #d4f4ff, #dff9ff

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

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

#9dcff5 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(157, 207, 245) ใน HSL คือ hsl(205.91, 81.48%, 78.82%) และใน OKLCH คือ oklch(83.277% 0.07476 241.528)

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

สีตรงข้ามของ #9dcff5 คือ #ecbe97 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8dd6e4 และ #b6c6fa ส่วนสีสามเส้าคือ #f2b4c5 และ #c0d09a

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

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

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

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