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

#9bb3d4 คือ rgb(155, 179, 212) ใน RGB และ oklch(75.987% 0.05453 256.404) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9bb3d4 |
| RGB | rgb(155, 179, 212) |
| HSL | hsl(214.74, 39.86%, 71.96%) |
| HSB / HSV | hsv(214.74 26.89% 83.14%) |
| HWB | hwb(214.74 60.78% 16.86%) |
| CMYK | cmyk(27% 16% 0% 17%) |
| Lab | lab(71.96 -2.93 -19.65) |
| LCH | lch(71.96 19.87 261.51) |
| OKLab | oklab(75.987% -0.01282 -0.053) |
| OKLCH | oklch(75.987% 0.05453 256.404) |
| Display P3 | color(display-p3 0.6259 0.6991 0.81967) |
| Rec. 2020 | color(rec2020 0.61413 0.66405 0.79662) |
| Adobe RGB | color(a98-rgb 0.63065 0.69608 0.82201) |
| ProPhoto RGB | color(prophoto-rgb 0.61337 0.63737 0.7725) |
| sRGB เชิงเส้น | color(srgb-linear 0.32778 0.45079 0.65837) |
| XYZ D65 | color(xyz-d65 0.41519 0.43962 0.68587) |
| XYZ D50 | color(xyz-d50 0.41075 0.436 0.51847) |
| SwiftUI | Color(red: 0.608, green: 0.702, blue: 0.831) |
| UIKit | UIColor(red: 0.608, green: 0.702, blue: 0.831, alpha: 1) |
| Flutter / Compose | Color(0xFF9BB3D4) |
| Android XML | #9BB3D4 |

## ข้อมูล

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

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

#9bb3d4, #a5bad8, #aec2dd, #b8c9e1, #c2d1e5, #ccd9ea, #d6e0ee, #e0e8f2, #eaf0f7, #f5f7fb

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

#9bb3d4, #869bb8, #72849d, #5e6e83, #4b5869, #394351, #282f3a, #181d24, #090c10, #010102

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

#9bb3d4, #9db3d1, #a0b3cd, #a2b3ca, #a4b2c6, #a6b2c3, #a8b2bf, #aab2bc, #adb1b8, #afb1b4

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

- คู่ตรงข้าม: #9bb3d4, #c5ad8b
- คู่ตรงข้ามแยก: #9bb3d4, #cfa794, #b5b48c
- ข้างเคียง: #9bb3d4, #8cb9cc, #aeacd3
- สามเส้า: #9bb3d4, #d2a4a5, #a2ba97
- สี่เหลี่ยมผืนผ้า: #9bb3d4, #bfa7c9, #c5ad8b, #a2ba97
- สี่เหลี่ยมจัตุรัส: #9bb3d4, #cca4b8, #c5ad8b, #90bda9
- โทนสีเดียว: #9bb3d4, #546a88, #778ead, #c1dafc, #e6f7ff

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

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

#9bb3d4 เป็นโทนตุ่น เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(155, 179, 212) ใน HSL คือ hsl(214.74, 39.86%, 71.96%) และใน OKLCH คือ oklch(75.987% 0.05453 256.404)

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

สีตรงข้ามของ #9bb3d4 คือ #c5ad8b หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8cb9cc และ #aeacd3 ส่วนสีสามเส้าคือ #d2a4a5 และ #a2ba97

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

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

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

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