# สี #9ba3aa: เฉดอ่อนของสีเทา

#9ba3aa คือ rgb(155, 163, 170) ใน RGB และ oklch(71.124% 0.01369 244.328) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ba3aa |
| RGB | rgb(155, 163, 170) |
| HSL | hsl(208, 8.11%, 63.73%) |
| HSB / HSV | hsv(208 8.82% 66.67%) |
| HWB | hwb(208 60.78% 33.33%) |
| CMYK | cmyk(9% 4% 0% 33%) |
| Lab | lab(66.51 -1.89 -4.68) |
| LCH | lch(66.51 5.04 248) |
| OKLab | oklab(71.124% -0.00593 -0.01234) |
| OKLCH | oklch(71.124% 0.01369 244.328) |
| Display P3 | color(display-p3 0.61356 0.63821 0.66378) |
| Rec. 2020 | color(rec2020 0.58049 0.59831 0.6266) |
| Adobe RGB | color(a98-rgb 0.61126 0.63336 0.65964) |
| ProPhoto RGB | color(prophoto-rgb 0.5589 0.56993 0.59816) |
| sRGB เชิงเส้น | color(srgb-linear 0.32778 0.36625 0.40198) |
| XYZ D65 | color(xyz-d65 0.33869 0.36065 0.43208) |
| XYZ D50 | color(xyz-d50 0.34151 0.35986 0.32717) |
| SwiftUI | Color(red: 0.608, green: 0.639, blue: 0.667) |
| UIKit | UIColor(red: 0.608, green: 0.639, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF9BA3AA) |
| Android XML | #9BA3AA |

## ข้อมูล

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

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

#9ba3aa, #a5acb2, #aeb5ba, #b8bec3, #c2c7cb, #ccd0d4, #d6d9dc, #e0e3e5, #eaecee, #f5f5f6

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

#9ba3aa, #868d93, #72787d, #5e6368, #4b4f53, #393c3f, #282a2d, #18191b, #090a0b, #010101

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

#9ba3aa, #9ca3a9, #9ca3a8, #9da3a8, #9ea2a7, #9ea2a6, #9fa2a5, #a0a2a4, #a0a2a3, #a1a2a3

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

- คู่ตรงข้าม: #9ba3aa, #a8a099
- คู่ตรงข้ามแยก: #9ba3aa, #aa9f9c, #a4a298
- ข้างเคียง: #9ba3aa, #99a4a7, #9fa1ab
- สามเส้า: #9ba3aa, #aa9ea1, #a0a39a
- สี่เหลี่ยมผืนผ้า: #9ba3aa, #a4a0a9, #a8a099, #a0a39a
- สี่เหลี่ยมจัตุรัส: #9ba3aa, #a89fa5, #a8a099, #9ca49e
- โทนสีเดียว: #9ba3aa, #555c62, #777f85, #c1c9d0, #e8f0f8

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

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

#9ba3aa เป็นเฉดอ่อนของสีเทา ชื่อสีที่ใกล้ที่สุดคือ เฉดอ่อนของสีเทา ใน RGB คือ rgb(155, 163, 170) ใน HSL คือ hsl(208, 8.11%, 63.73%) และใน OKLCH คือ oklch(71.124% 0.01369 244.328)

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

สีตรงข้ามของ #9ba3aa คือ #a8a099 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #99a4a7 และ #9fa1ab ส่วนสีสามเส้าคือ #aa9ea1 และ #a0a39a

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

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

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

#9ba3aa เป็นสีโทนกลาง ใน OKLCH มีฮิว 244 องศา ความสว่าง 71.1% และความสด 0.014