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

#9bcce6 คือ rgb(155, 204, 230) ใน RGB และ oklch(81.966% 0.06292 231.634) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9bcce6 |
| RGB | rgb(155, 204, 230) |
| HSL | hsl(200.8, 60%, 75.49%) |
| HSB / HSV | hsv(200.8 32.61% 90.2%) |
| HWB | hwb(200.8 60.78% 9.8%) |
| CMYK | cmyk(33% 11% 0% 10%) |
| Lab | lab(79.26 -11.95 -18.39) |
| LCH | lch(79.26 21.93 236.98) |
| OKLab | oklab(81.966% -0.03906 -0.04934) |
| OKLCH | oklch(81.966% 0.06292 231.634) |
| Display P3 | color(display-p3 0.64747 0.79457 0.89104) |
| Rec. 2020 | color(rec2020 0.65948 0.7656 0.87642) |
| Adobe RGB | color(a98-rgb 0.66404 0.79502 0.89503) |
| ProPhoto RGB | color(prophoto-rgb 0.66827 0.74026 0.85948) |
| sRGB เชิงเส้น | color(srgb-linear 0.32778 0.60383 0.7913) |
| XYZ D65 | color(xyz-d65 0.49391 0.55866 0.83046) |
| XYZ D50 | color(xyz-d50 0.48872 0.55377 0.62825) |
| SwiftUI | Color(red: 0.608, green: 0.8, blue: 0.902) |
| UIKit | UIColor(red: 0.608, green: 0.8, blue: 0.902, alpha: 1) |
| Flutter / Compose | Color(0xFF9BCCE6) |
| Android XML | #9BCCE6 |

## ข้อมูล

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

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

#9bcce6, #a5d1e9, #afd6eb, #b9dbee, #c3e0f0, #cde6f3, #d7ebf5, #e1f0f8, #ebf5fa, #f5fafd

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

#9bcce6, #86b1c8, #7297ab, #5e7e8e, #4b6573, #394e59, #283740, #182228, #090f13, #010203

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

#9bcce6, #a0cbe3, #a4cbdf, #a8cadc, #acc9d9, #b1c8d5, #b5c7d2, #b8c6ce, #bcc6cb, #c0c5c7

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

- คู่ตรงข้าม: #9bcce6, #e6b99f
- คู่ตรงข้ามแยก: #9bcce6, #eab5b2, #d9c196
- ข้างเคียง: #9bcce6, #93d1d5, #aec5ee
- สามเส้า: #9bcce6, #e5b4c8, #c5c99a
- สี่เหลี่ยมผืนผ้า: #9bcce6, #c4bdea, #e6b99f, #c5c99a
- สี่เหลี่ยมจัตุรัส: #9bcce6, #d8b7dd, #e6b99f, #aecfa9
- โทนสีเดียว: #9bcce6, #528199, #76a6bf, #c3f3ff, #d9fbff

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

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

#9bcce6 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(155, 204, 230) ใน HSL คือ hsl(200.8, 60%, 75.49%) และใน OKLCH คือ oklch(81.966% 0.06292 231.634)

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

สีตรงข้ามของ #9bcce6 คือ #e6b99f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #93d1d5 และ #aec5ee ส่วนสีสามเส้าคือ #e5b4c8 และ #c5c99a

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

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

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

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