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

#9ccbf6 คือ rgb(156, 203, 246) ใน RGB และ oklch(82.411% 0.07842 246.52) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ccbf6 |
| RGB | rgb(156, 203, 246) |
| HSL | hsl(208.67, 83.33%, 78.82%) |
| HSB / HSV | hsv(208.67 36.59% 96.47%) |
| HWB | hwb(208.67 61.18% 3.53%) |
| CMYK | cmyk(37% 17% 0% 4%) |
| Lab | lab(79.5 -8.11 -26.53) |
| LCH | lch(79.5 27.74 252.99) |
| OKLab | oklab(82.411% -0.03124 -0.07192) |
| OKLCH | oklch(82.411% 0.07842 246.52) |
| Display P3 | color(display-p3 0.64953 0.79084 0.94907) |
| Rec. 2020 | color(rec2020 0.66444 0.76275 0.94034) |
| Adobe RGB | color(a98-rgb 0.66512 0.79104 0.95717) |
| ProPhoto RGB | color(prophoto-rgb 0.68241 0.73908 0.9276) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.5972 0.92158) |
| XYZ D65 | color(xyz-d65 0.51698 0.56432 0.9536) |
| XYZ D50 | color(xyz-d50 0.50684 0.55796 0.72071) |
| SwiftUI | Color(red: 0.612, green: 0.796, blue: 0.965) |
| UIKit | UIColor(red: 0.612, green: 0.796, blue: 0.965, alpha: 1) |
| Flutter / Compose | Color(0xFF9CCBF6) |
| Android XML | #9CCBF6 |

## ข้อมูล

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

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

#9ccbf6, #a6d0f7, #b0d6f8, #badbf9, #c4e0fa, #cee5fb, #d8eafc, #e1f0fd, #ebf5fe, #f5fafe

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

#9ccbf6, #87b0d6, #7396b7, #5f7d98, #4c657b, #394d5f, #283745, #18222c, #090f15, #010203

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

#9ccbf6, #a1cbf1, #a5caec, #a9cae8, #adc9e3, #b2c9de, #b6c8d9, #bac7d4, #bec7cf, #c1c6ca

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

- คู่ตรงข้าม: #9ccbf6, #e9bc8f
- คู่ตรงข้ามแยก: #9ccbf6, #f3b4a2, #d4c68b
- ข้างเคียง: #9ccbf6, #89d3e6, #b8c2f9
- สามเส้า: #9ccbf6, #f3b1bd, #b8cf98
- สี่เหลี่ยมผืนผ้า: #9ccbf6, #d2b9ee, #e9bc8f, #b8cf98
- สี่เหลี่ยมจัตุรัส: #9ccbf6, #e7b2d9, #e9bc8f, #9cd5b1
- โทนสีเดียว: #9ccbf6, #5480a8, #77a5ce, #d2f1ff, #e2f8ff

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

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

#9ccbf6 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(156, 203, 246) ใน HSL คือ hsl(208.67, 83.33%, 78.82%) และใน OKLCH คือ oklch(82.411% 0.07842 246.52)

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

สีตรงข้ามของ #9ccbf6 คือ #e9bc8f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #89d3e6 และ #b8c2f9 ส่วนสีสามเส้าคือ #f3b1bd และ #b8cf98

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

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

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

#9ccbf6 เป็นสีโทนเย็น ใน OKLCH มีฮิว 247 องศา ความสว่าง 82.4% และความสด 0.078