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

#9cdff5 คือ rgb(156, 223, 245) ใน RGB และ oklch(86.641% 0.07371 220.39) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9cdff5 |
| RGB | rgb(156, 223, 245) |
| HSL | hsl(194.83, 81.65%, 78.63%) |
| HSB / HSV | hsv(194.83 36.33% 96.08%) |
| HWB | hwb(194.83 61.18% 3.92%) |
| CMYK | cmyk(36% 9% 0% 4%) |
| Lab | lab(84.91 -17.85 -17.87) |
| LCH | lch(84.91 25.26 225.03) |
| OKLab | oklab(86.641% -0.05614 -0.04776) |
| OKLCH | oklch(86.641% 0.07371 220.39) |
| Display P3 | color(display-p3 0.6685 0.86741 0.95023) |
| Rec. 2020 | color(rec2020 0.69897 0.84411 0.94287) |
| Adobe RGB | color(a98-rgb 0.69409 0.87092 0.95605) |
| ProPhoto RGB | color(prophoto-rgb 0.7159 0.82217 0.93302) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.73791 0.9131) |
| XYZ D65 | color(xyz-d65 0.56576 0.66434 0.96231) |
| XYZ D50 | color(xyz-d50 0.55982 0.65832 0.72831) |
| SwiftUI | Color(red: 0.612, green: 0.875, blue: 0.961) |
| UIKit | UIColor(red: 0.612, green: 0.875, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFF9CDFF5) |
| Android XML | #9CDFF5 |

## ข้อมูล

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

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

#9cdff5, #a7e2f6, #b1e6f7, #bbe9f8, #c5ecf9, #cfeffa, #d9f2fb, #e2f6fc, #ecf9fd, #f6fcfe

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

#9cdff5, #87c2d5, #73a5b6, #5f8a98, #4c6f7b, #39565f, #283d44, #18272b, #091215, #010203

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

#9cdff5, #a2def2, #a8ddee, #aedceb, #b4dae8, #bad9e4, #bfd8e1, #c4d7dd, #c9d6da, #ced4d6

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

- คู่ตรงข้าม: #9cdff5, #fec4af
- คู่ตรงข้ามแยก: #9cdff5, #ffc0c8, #f3cb9e
- ข้างเคียง: #9cdff5, #99e3de, #afd7ff
- สามเส้า: #9cdff5, #f5c1e2, #ded59d
- สี่เหลี่ยมผืนผ้า: #9cdff5, #c9ceff, #fec4af, #ded59d
- สี่เหลี่ยมจัตุรัส: #9cdff5, #e2c6f8, #fec4af, #c3ddab
- โทนสีเดียว: #9cdff5, #5193a7, #76b8cd, #d0feff, #d0feff

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

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

#9cdff5 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(156, 223, 245) ใน HSL คือ hsl(194.83, 81.65%, 78.63%) และใน OKLCH คือ oklch(86.641% 0.07371 220.39)

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

สีตรงข้ามของ #9cdff5 คือ #fec4af หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #99e3de และ #afd7ff ส่วนสีสามเส้าคือ #f5c1e2 และ #ded59d

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

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

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

#9cdff5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 220 องศา ความสว่าง 86.6% และความสด 0.074