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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ccbeb |
| RGB | rgb(156, 203, 235) |
| HSL | hsl(204.3, 66.39%, 76.67%) |
| HSB / HSV | hsv(204.3 33.62% 92.16%) |
| HWB | hwb(204.3 61.18% 7.84%) |
| CMYK | cmyk(34% 14% 0% 8%) |
| Lab | lab(79.18 -10.23 -21.16) |
| LCH | lch(79.18 23.5 244.19) |
| OKLab | oklab(81.994% -0.03506 -0.05699) |
| OKLCH | oklch(81.994% 0.06691 238.399) |
| Display P3 | color(display-p3 0.64953 0.79084 0.909) |
| Rec. 2020 | color(rec2020 0.66139 0.76206 0.89612) |
| Adobe RGB | color(a98-rgb 0.66512 0.79104 0.9143) |
| ProPhoto RGB | color(prophoto-rgb 0.67273 0.73727 0.88026) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.5972 0.83077) |
| XYZ D65 | color(xyz-d65 0.50059 0.55777 0.86728) |
| XYZ D50 | color(xyz-d50 0.49385 0.55246 0.65586) |
| SwiftUI | Color(red: 0.612, green: 0.796, blue: 0.922) |
| UIKit | UIColor(red: 0.612, green: 0.796, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFF9CCBEB) |
| Android XML | #9CCBEB |

## ข้อมูล

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

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

#9ccbeb, #a6d0ed, #b0d5ef, #badbf1, #c4e0f3, #cee5f5, #d8eaf7, #e1eff9, #ebf5fb, #f5fafd

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

#9ccbeb, #87b0cc, #7396ae, #5f7d91, #4c6575, #394d5b, #283741, #182229, #090f13, #010203

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

#9ccbeb, #a0cae7, #a5cae3, #a9c9df, #adc8dc, #b1c8d8, #b5c7d4, #b9c6d0, #bdc6cc, #c0c5c8

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

- คู่ตรงข้าม: #9ccbeb, #e6ba9a
- คู่ตรงข้ามแยก: #9ccbeb, #edb4ac, #d6c293
- ข้างเคียง: #9ccbeb, #90d1db, #b2c3f1
- สามเส้า: #9ccbeb, #e9b3c3, #bfcb9a
- สี่เหลี่ยมผืนผ้า: #9ccbeb, #c9bbea, #e6ba9a, #bfcb9a
- สี่เหลี่ยมจัตุรัส: #9ccbeb, #ddb5da, #e6ba9a, #a7d1ac
- โทนสีเดียว: #9ccbeb, #54809e, #77a5c4, #c9f1ff, #defaff

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

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

#9ccbeb เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(156, 203, 235) ใน HSL คือ hsl(204.3, 66.39%, 76.67%) และใน OKLCH คือ oklch(81.994% 0.06691 238.399)

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

สีตรงข้ามของ #9ccbeb คือ #e6ba9a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #90d1db และ #b2c3f1 ส่วนสีสามเส้าคือ #e9b3c3 และ #bfcb9a

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

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

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

#9ccbeb เป็นสีโทนเย็น ใน OKLCH มีฮิว 238 องศา ความสว่าง 82% และความสด 0.067