# สี #9cc5fe: โทนพาสเทล เฉดอ่อนของสีน้ำเงิน

#9cc5fe คือ rgb(156, 197, 254) ใน RGB และ oklch(81.479% 0.09219 256.702) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9cc5fe |
| RGB | rgb(156, 197, 254) |
| HSL | hsl(214.9, 98%, 80.39%) |
| HSB / HSV | hsv(214.9 38.58% 99.61%) |
| HWB | hwb(214.9 61.18% 0.39%) |
| CMYK | cmyk(39% 22% 0% 0%) |
| Lab | lab(78.13 -3.55 -32.86) |
| LCH | lch(78.13 33.05 263.83) |
| OKLab | oklab(81.479% -0.02121 -0.08972) |
| OKLCH | oklch(81.479% 0.09219 256.702) |
| Display P3 | color(display-p3 0.64417 0.7679 0.97702) |
| Rec. 2020 | color(rec2020 0.65683 0.73908 0.97095) |
| Adobe RGB | color(a98-rgb 0.65685 0.76721 0.98776) |
| ProPhoto RGB | color(prophoto-rgb 0.6801 0.71617 0.95995) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.55834 0.9911) |
| XYZ D65 | color(xyz-d65 0.51563 0.54155 1.01505) |
| XYZ D50 | color(xyz-d50 0.50182 0.53432 0.76658) |
| SwiftUI | Color(red: 0.612, green: 0.773, blue: 0.996) |
| UIKit | UIColor(red: 0.612, green: 0.773, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF9CC5FE) |
| Android XML | #9CC5FE |

## ข้อมูล

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

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

#9cc5fe, #a6cbfe, #b0d1ff, #bad7ff, #c3dcff, #cde2ff, #d7e8ff, #e1eeff, #ebf4ff, #f5f9ff

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

#9cc5fe, #87abdd, #7392bd, #5f799e, #4c6180, #394b63, #283547, #18212d, #090e16, #010203

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

#9cc5fe, #a0c5f8, #a4c5f2, #a8c5ed, #acc4e7, #b0c4e1, #b4c4db, #b7c4d5, #bbc3cf, #bfc3c8

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

- คู่ตรงข้าม: #9cc5fe, #e4bb7d
- คู่ตรงข้ามแยก: #9cc5fe, #f5b08f, #c9c780
- ข้างเคียง: #9cc5fe, #7ecff1, #bebafc
- สามเส้า: #9cc5fe, #f8aaad, #a7d195
- สี่เหลี่ยมผืนผ้า: #9cc5fe, #dbb0eb, #e4bb7d, #a7d195
- สี่เหลี่ยมจัตุรัส: #9cc5fe, #efaace, #e4bb7d, #85d6b6
- โทนสีเดียว: #9cc5fe, #547aaf, #779fd6, #d3ecff, #e6f7ff

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

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

#9cc5fe เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(156, 197, 254) ใน HSL คือ hsl(214.9, 98%, 80.39%) และใน OKLCH คือ oklch(81.479% 0.09219 256.702)

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

สีตรงข้ามของ #9cc5fe คือ #e4bb7d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7ecff1 และ #bebafc ส่วนสีสามเส้าคือ #f8aaad และ #a7d195

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

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

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

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