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

#afa5a6 คือ rgb(175, 165, 166) ใน RGB และ oklch(73.066% 0.01166 10.441) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #afa5a6 |
| RGB | rgb(175, 165, 166) |
| HSL | hsl(354, 5.88%, 66.67%) |
| HSB / HSV | hsv(354 5.71% 68.63%) |
| HWB | hwb(354 64.71% 31.37%) |
| CMYK | cmyk(0% 6% 5% 31%) |
| Lab | lab(68.62 3.87 0.84) |
| LCH | lch(68.62 3.96 12.31) |
| OKLab | oklab(73.066% 0.01147 0.00211) |
| OKLCH | oklch(73.066% 0.01166 10.441) |
| Display P3 | color(display-p3 0.67953 0.64841 0.65132) |
| Rec. 2020 | color(rec2020 0.63618 0.6119 0.61334) |
| Adobe RGB | color(a98-rgb 0.66947 0.64117 0.64492) |
| ProPhoto RGB | color(prophoto-rgb 0.605 0.58551 0.58548) |
| sRGB เชิงเส้น | color(srgb-linear 0.42869 0.37626 0.38133) |
| XYZ D65 | color(xyz-d65 0.38016 0.38778 0.4156) |
| XYZ D50 | color(xyz-d50 0.38641 0.38823 0.3148) |
| SwiftUI | Color(red: 0.686, green: 0.647, blue: 0.651) |
| UIKit | UIColor(red: 0.686, green: 0.647, blue: 0.651, alpha: 1) |
| Flutter / Compose | Color(0xFFAFA5A6) |
| Android XML | #AFA5A6 |

## ข้อมูล

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

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

#afa5a6, #b7aeaf, #bfb6b7, #c6bfc0, #cec8c9, #d6d1d2, #dedadb, #e6e3e4, #efeced, #f7f6f6

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

#afa5a6, #988f90, #81797a, #6b6565, #565151, #413d3e, #2e2b2b, #1c1a1a, #0b0a0a, #010101

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

#afa5a6, #aea5a6, #aea6a6, #ada6a7, #aca6a7, #aba6a7, #aba7a7, #aaa7a7, #a9a7a7, #a8a7a8

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

- คู่ตรงข้าม: #afa5a6, #a0aaa9
- คู่ตรงข้ามแยก: #afa5a6, #a2aaa5, #a0aaad
- ข้างเคียง: #afa5a6, #ada5aa, #afa6a2
- สามเส้า: #afa5a6, #a5a9a2, #a3a9af
- สี่เหลี่ยมผืนผ้า: #afa5a6, #ada7a0, #a0aaa9, #a3a9af
- สี่เหลี่ยมจัตุรัส: #afa5a6, #a9a8a0, #a0aaa9, #a6a7af
- โทนสีเดียว: #afa5a6, #675e5f, #8a8182, #d5cbcc, #fdf2f3

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

### #afa5a6 คือสีอะไร

#afa5a6 เป็นเฉดอ่อนของสีเทา ชื่อสีที่ใกล้ที่สุดคือ เฉดอ่อนของสีเทา ใน RGB คือ rgb(175, 165, 166) ใน HSL คือ hsl(354, 5.88%, 66.67%) และใน OKLCH คือ oklch(73.066% 0.01166 10.441)

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

สีตรงข้ามของ #afa5a6 คือ #a0aaa9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #ada5aa และ #afa6a2 ส่วนสีสามเส้าคือ #a5a9a2 และ #a3a9af

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

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

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

#afa5a6 เป็นสีโทนกลาง ใน OKLCH มีฮิว 10 องศา ความสว่าง 73.1% และความสด 0.012