# สี #9da3bd: โทนตุ่น เฉดอ่อนของสีคราม

#9da3bd คือ rgb(157, 163, 189) ใน RGB และ oklch(71.931% 0.03833 275.137) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9da3bd |
| RGB | rgb(157, 163, 189) |
| HSL | hsl(228.75, 19.51%, 67.84%) |
| HSB / HSV | hsv(228.75 16.93% 74.12%) |
| HWB | hwb(228.75 61.57% 25.88%) |
| CMYK | cmyk(17% 14% 0% 26%) |
| Lab | lab(67.16 1.88 -14.21) |
| LCH | lch(67.16 14.34 277.54) |
| OKLab | oklab(71.931% 0.00343 -0.03818) |
| OKLCH | oklch(71.931% 0.03833 275.137) |
| Display P3 | color(display-p3 0.61995 0.63845 0.73247) |
| Rec. 2020 | color(rec2020 0.58978 0.59991 0.70072) |
| Adobe RGB | color(a98-rgb 0.61674 0.63336 0.73165) |
| ProPhoto RGB | color(prophoto-rgb 0.57637 0.57334 0.67219) |
| sRGB เชิงเส้น | color(srgb-linear 0.33716 0.36625 0.50888) |
| XYZ D65 | color(xyz-d65 0.36185 0.37036 0.53388) |
| XYZ D50 | color(xyz-d50 0.3609 0.36843 0.40364) |
| SwiftUI | Color(red: 0.616, green: 0.639, blue: 0.741) |
| UIKit | UIColor(red: 0.616, green: 0.639, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF9DA3BD) |
| Android XML | #9DA3BD |

## ข้อมูล

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

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

#9da3bd, #a6acc4, #b0b5ca, #b9bed1, #c3c7d7, #cdd0de, #d7d9e4, #e1e3eb, #ebecf2, #f5f6f8

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

#9da3bd, #888da4, #73788c, #5f6374, #4c4f5d, #3a3c47, #282a33, #18191f, #090a0d, #010102

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

#9da3bd, #9ea3bb, #9ea3b8, #9fa3b6, #a0a4b3, #a1a4b1, #a1a4ae, #a2a4ac, #a3a4a9, #a3a4a7

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

- คู่ตรงข้าม: #9da3bd, #aca58a
- คู่ตรงข้ามแยก: #9da3bd, #b6a08c, #9fa98f
- ข้างเคียง: #9da3bd, #91a7bb, #aa9fb8
- สามเส้า: #9da3bd, #bb9c94, #92ac9a
- สี่เหลี่ยมผืนผ้า: #9da3bd, #b49cae, #aca58a, #92ac9a
- สี่เหลี่ยมจัตุรัส: #9da3bd, #ba9ba1, #aca58a, #8aada7
- โทนสีเดียว: #9da3bd, #575c73, #797f97, #c3c9e4, #eaf0ff

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

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

#9da3bd เป็นโทนตุ่น เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีคราม ใน RGB คือ rgb(157, 163, 189) ใน HSL คือ hsl(228.75, 19.51%, 67.84%) และใน OKLCH คือ oklch(71.931% 0.03833 275.137)

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

สีตรงข้ามของ #9da3bd คือ #aca58a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #91a7bb และ #aa9fb8 ส่วนสีสามเส้าคือ #bb9c94 และ #92ac9a

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

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

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

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