# สี #9bc2f6: โทนสด เฉดอ่อนของสีน้ำเงิน

#9bc2f6 คือ rgb(155, 194, 246) ใน RGB และ oklch(80.465% 0.0852 255.768) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9bc2f6 |
| RGB | rgb(155, 194, 246) |
| HSL | hsl(214.29, 83.49%, 78.63%) |
| HSB / HSV | hsv(214.29 36.99% 96.47%) |
| HWB | hwb(214.29 60.78% 3.53%) |
| CMYK | cmyk(37% 21% 0% 4%) |
| Lab | lab(77.01 -3.95 -30.31) |
| LCH | lch(77.01 30.57 262.57) |
| OKLab | oklab(80.465% -0.02095 -0.08258) |
| OKLCH | oklch(80.465% 0.0852 255.768) |
| Display P3 | color(display-p3 0.63851 0.75634 0.94706) |
| Rec. 2020 | color(rec2020 0.64726 0.72625 0.9376) |
| Adobe RGB | color(a98-rgb 0.65025 0.75531 0.95604) |
| ProPhoto RGB | color(prophoto-rgb 0.66602 0.70235 0.92354) |
| sRGB เชิงเส้น | color(srgb-linear 0.32778 0.53948 0.92158) |
| XYZ D65 | color(xyz-d65 0.49441 0.52205 0.94663) |
| XYZ D50 | color(xyz-d50 0.48257 0.51554 0.71504) |
| SwiftUI | Color(red: 0.608, green: 0.761, blue: 0.965) |
| UIKit | UIColor(red: 0.608, green: 0.761, blue: 0.965, alpha: 1) |
| Flutter / Compose | Color(0xFF9BC2F6) |
| Android XML | #9BC2F6 |

## ข้อมูล

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

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

#9bc2f6, #a5c8f7, #afcef8, #b9d4f9, #c3dbfb, #cde1fb, #d7e7fc, #e1edfd, #ebf3fe, #f5f9fe

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

#9bc2f6, #86a8d6, #728fb7, #5e7798, #4b607b, #39495f, #283445, #18202c, #090e15, #010203

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

#9bc2f6, #9fc2f1, #a3c2eb, #a6c2e6, #aac1e0, #aec1db, #b1c1d5, #b5c0d0, #b8c0ca, #bcbfc5

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

- คู่ตรงข้าม: #9bc2f6, #dfb880
- คู่ตรงข้ามแยก: #9bc2f6, #eeae91, #c6c382
- ข้างเคียง: #9bc2f6, #81cbe9, #bab8f4
- สามเส้า: #9bc2f6, #f1a9ad, #a7cc95
- สี่เหลี่ยมผืนผ้า: #9bc2f6, #d5afe5, #dfb880, #a7cc95
- สี่เหลี่ยมจัตุรัส: #9bc2f6, #e8a9cb, #dfb880, #89d1b2
- โทนสีเดียว: #9bc2f6, #5478a7, #769cce, #cde9ff, #e6f7ff

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

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

#9bc2f6 เป็นโทนสด เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(155, 194, 246) ใน HSL คือ hsl(214.29, 83.49%, 78.63%) และใน OKLCH คือ oklch(80.465% 0.0852 255.768)

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

สีตรงข้ามของ #9bc2f6 คือ #dfb880 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #81cbe9 และ #bab8f4 ส่วนสีสามเส้าคือ #f1a9ad และ #a7cc95

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

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

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

#9bc2f6 เป็นสีโทนเย็น ใน OKLCH มีฮิว 256 องศา ความสว่าง 80.5% และความสด 0.085