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

#9fa2b5 คือ rgb(159, 162, 181) ใน RGB และ oklch(71.597% 0.02769 278.549) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9fa2b5 |
| RGB | rgb(159, 162, 181) |
| HSL | hsl(231.82, 12.94%, 66.67%) |
| HSB / HSV | hsv(231.82 12.15% 70.98%) |
| HWB | hwb(231.82 62.35% 29.02%) |
| CMYK | cmyk(12% 10% 0% 29%) |
| Lab | lab(66.84 1.78 -10.24) |
| LCH | lch(66.84 10.4 279.88) |
| OKLab | oklab(71.597% 0.00412 -0.02738) |
| OKLCH | oklch(71.597% 0.02769 278.549) |
| Display P3 | color(display-p3 0.62564 0.63491 0.70338) |
| Rec. 2020 | color(rec2020 0.59181 0.5961 0.66918) |
| Adobe RGB | color(a98-rgb 0.62111 0.62945 0.70107) |
| ProPhoto RGB | color(prophoto-rgb 0.57364 0.56926 0.64034) |
| sRGB เชิงเส้น | color(srgb-linear 0.3467 0.36131 0.46208) |
| XYZ D65 | color(xyz-d65 0.35557 0.36548 0.48899) |
| XYZ D50 | color(xyz-d50 0.35646 0.36417 0.36987) |
| SwiftUI | Color(red: 0.624, green: 0.635, blue: 0.71) |
| UIKit | UIColor(red: 0.624, green: 0.635, blue: 0.71, alpha: 1) |
| Flutter / Compose | Color(0xFF9FA2B5) |
| Android XML | #9FA2B5 |

## ข้อมูล

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

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

#9fa2b5, #a8abbc, #b1b4c4, #bbbdcb, #c4c6d2, #ced0da, #d8d9e1, #e1e2e8, #ebecf0, #f5f5f7

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

#9fa2b5, #8a8c9d, #757786, #61636f, #4d4f59, #3b3c44, #292a30, #18191d, #090a0c, #010102

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

#9fa2b5, #9fa2b3, #a0a2b1, #a0a2b0, #a1a3ae, #a1a3ac, #a1a3aa, #a2a3a9, #a2a3a7, #a3a3a5

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

- คู่ตรงข้าม: #9fa2b5, #a7a490
- คู่ตรงข้ามแยก: #9fa2b5, #afa191, #9ea795
- ข้างเคียง: #9fa2b5, #96a5b4, #a89fb1
- สามเส้า: #9fa2b5, #b49e97, #96a99d
- สี่เหลี่ยมผืนผ้า: #9fa2b5, #b09da9, #a7a490, #96a99d
- สี่เหลี่ยมจัตุรัส: #9fa2b5, #b49da0, #a7a490, #91a9a7
- โทนสีเดียว: #9fa2b5, #595b6c, #7b7e90, #c5c8dc, #ecefff

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

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

#9fa2b5 เป็นโทนตุ่น เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีคราม ใน RGB คือ rgb(159, 162, 181) ใน HSL คือ hsl(231.82, 12.94%, 66.67%) และใน OKLCH คือ oklch(71.597% 0.02769 278.549)

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

สีตรงข้ามของ #9fa2b5 คือ #a7a490 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #96a5b4 และ #a89fb1 ส่วนสีสามเส้าคือ #b49e97 และ #96a99d

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

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

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

#9fa2b5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 279 องศา ความสว่าง 71.6% และความสด 0.028