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

#9aa3bc คือ rgb(154, 163, 188) ใน RGB และ oklch(71.663% 0.0378 269.757) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9aa3bc |
| RGB | rgb(154, 163, 188) |
| HSL | hsl(224.12, 20.24%, 67.06%) |
| HSB / HSV | hsv(224.12 18.09% 73.73%) |
| HWB | hwb(224.12 60.39% 26.27%) |
| CMYK | cmyk(18% 13% 0% 26%) |
| Lab | lab(66.9 0.68 -14.08) |
| LCH | lch(66.9 14.1 272.76) |
| OKLab | oklab(71.663% -0.00016 -0.0378) |
| OKLCH | oklch(71.663% 0.0378 269.757) |
| Display P3 | color(display-p3 0.61038 0.63808 0.72868) |
| Rec. 2020 | color(rec2020 0.58179 0.59902 0.69662) |
| Adobe RGB | color(a98-rgb 0.60853 0.63336 0.72784) |
| ProPhoto RGB | color(prophoto-rgb 0.5692 0.572 0.66804) |
| sRGB เชิงเส้น | color(srgb-linear 0.32314 0.36625 0.50289) |
| XYZ D65 | color(xyz-d65 0.35499 0.36695 0.52791) |
| XYZ D50 | color(xyz-d50 0.35393 0.36494 0.39917) |
| SwiftUI | Color(red: 0.604, green: 0.639, blue: 0.737) |
| UIKit | UIColor(red: 0.604, green: 0.639, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF9AA3BC) |
| Android XML | #9AA3BC |

## ข้อมูล

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

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

#9aa3bc, #a4acc3, #adb5c9, #b7bed0, #c1c7d7, #cbd0dd, #d5d9e4, #e0e3eb, #eaecf1, #f4f6f8

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

#9aa3bc, #858da3, #71788b, #5e6373, #4b4f5d, #393c47, #272a32, #17191f, #090a0d, #010102

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

#9aa3bc, #9ba3ba, #9ca3b7, #9da3b5, #9ea3b2, #9fa3b0, #a0a3ad, #a1a3ab, #a1a3a8, #a2a3a6

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

- คู่ตรงข้าม: #9aa3bc, #ada389
- คู่ตรงข้ามแยก: #9aa3bc, #b69e8c, #a0a78d
- ข้างเคียง: #9aa3bc, #8fa7b9, #a79fb8
- สามเส้า: #9aa3bc, #ba9b96, #94ab97
- สี่เหลี่ยมผืนผ้า: #9aa3bc, #b29baf, #ada389, #94ab97
- สี่เหลี่ยมจัตุรัส: #9aa3bc, #b99aa3, #ada389, #8baca4
- โทนสีเดียว: #9aa3bc, #545c73, #767f96, #c0c9e3, #e6f0ff

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

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

#9aa3bc เป็นโทนตุ่น เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(154, 163, 188) ใน HSL คือ hsl(224.12, 20.24%, 67.06%) และใน OKLCH คือ oklch(71.663% 0.0378 269.757)

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

สีตรงข้ามของ #9aa3bc คือ #ada389 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8fa7b9 และ #a79fb8 ส่วนสีสามเส้าคือ #ba9b96 และ #94ab97

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

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

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

#9aa3bc เป็นสีโทนเย็น ใน OKLCH มีฮิว 270 องศา ความสว่าง 71.7% และความสด 0.038