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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9bcbeb |
| RGB | rgb(155, 203, 235) |
| HSL | hsl(204, 66.67%, 76.47%) |
| HSB / HSV | hsv(204 34.04% 92.16%) |
| HWB | hwb(204 60.78% 7.84%) |
| CMYK | cmyk(34% 14% 0% 8%) |
| Lab | lab(79.12 -10.53 -21.26) |
| LCH | lch(79.12 23.72 243.65) |
| OKLab | oklab(81.934% -0.03599 -0.05726) |
| OKLCH | oklch(81.934% 0.06763 237.85) |
| Display P3 | color(display-p3 0.64655 0.79074 0.90896) |
| Rec. 2020 | color(rec2020 0.65911 0.76184 0.89608) |
| Adobe RGB | color(a98-rgb 0.66264 0.79104 0.9143) |
| ProPhoto RGB | color(prophoto-rgb 0.67084 0.73695 0.88021) |
| sRGB เชิงเส้น | color(srgb-linear 0.32778 0.5972 0.83077) |
| XYZ D65 | color(xyz-d65 0.49866 0.55677 0.86719) |
| XYZ D50 | color(xyz-d50 0.49181 0.55142 0.65579) |
| SwiftUI | Color(red: 0.608, green: 0.796, blue: 0.922) |
| UIKit | UIColor(red: 0.608, green: 0.796, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFF9BCBEB) |
| Android XML | #9BCBEB |

## ข้อมูล

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

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

#9bcbeb, #a5d0ed, #afd5ef, #b9dbf1, #c3e0f3, #cde5f5, #d7eaf7, #e1eff9, #ebf5fb, #f5fafd

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

#9bcbeb, #86b0cc, #7296ae, #5e7d91, #4b6575, #394d5b, #283741, #182229, #090f13, #010203

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

#9bcbeb, #9fcae7, #a4cae3, #a8c9df, #acc8dc, #b0c8d8, #b4c7d4, #b8c6d0, #bcc5cc, #c0c5c8

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

- คู่ตรงข้าม: #9bcbeb, #e6ba99
- คู่ตรงข้ามแยก: #9bcbeb, #edb4ac, #d6c292
- ข้างเคียง: #9bcbeb, #8fd1db, #b1c3f1
- สามเส้า: #9bcbeb, #e9b2c4, #c0ca99
- สี่เหลี่ยมผืนผ้า: #9bcbeb, #c9bbeb, #e6ba99, #c0ca99
- สี่เหลี่ยมจัตุรัส: #9bcbeb, #ddb5da, #e6ba99, #a7d1ab
- โทนสีเดียว: #9bcbeb, #52809e, #76a5c4, #c8f1ff, #ddfaff

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

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

#9bcbeb เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(155, 203, 235) ใน HSL คือ hsl(204, 66.67%, 76.47%) และใน OKLCH คือ oklch(81.934% 0.06763 237.85)

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

สีตรงข้ามของ #9bcbeb คือ #e6ba99 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8fd1db และ #b1c3f1 ส่วนสีสามเส้าคือ #e9b2c4 และ #c0ca99

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

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

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

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