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

#a2aab5 คือ rgb(162, 170, 181) ใน RGB และ oklch(73.51% 0.01828 256.303) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a2aab5 |
| RGB | rgb(162, 170, 181) |
| HSL | hsl(214.74, 11.38%, 67.25%) |
| HSB / HSV | hsv(214.74 10.5% 70.98%) |
| HWB | hwb(214.74 63.53% 29.02%) |
| CMYK | cmyk(10% 6% 0% 29%) |
| Lab | lab(69.22 -1.26 -6.7) |
| LCH | lch(69.22 6.81 259.34) |
| OKLab | oklab(73.51% -0.00433 -0.01776) |
| OKLCH | oklch(73.51% 0.01828 256.303) |
| Display P3 | color(display-p3 0.64101 0.66566 0.7056) |
| Rec. 2020 | color(rec2020 0.61116 0.62843 0.6721) |
| Adobe RGB | color(a98-rgb 0.63855 0.66074 0.70224) |
| ProPhoto RGB | color(prophoto-rgb 0.59174 0.60079 0.64433) |
| sRGB เชิงเส้น | color(srgb-linear 0.36131 0.40198 0.46208) |
| XYZ D65 | color(xyz-d65 0.37614 0.39767 0.49412) |
| XYZ D50 | color(xyz-d50 0.37849 0.39657 0.37402) |
| SwiftUI | Color(red: 0.635, green: 0.667, blue: 0.71) |
| UIKit | UIColor(red: 0.635, green: 0.667, blue: 0.71, alpha: 1) |
| Flutter / Compose | Color(0xFFA2AAB5) |
| Android XML | #A2AAB5 |

## ข้อมูล

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

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

#a2aab5, #abb2bc, #b4bac3, #bdc3cb, #c6cbd2, #d0d4d9, #d9dce1, #e2e5e8, #eceef0, #f5f6f7

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

#a2aab5, #8c939d, #777d86, #63686f, #4f5359, #3c3f44, #2a2d30, #191b1d, #0a0b0c, #010102

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

#a2aab5, #a3aab4, #a3aab3, #a4aab1, #a5aab0, #a6aaaf, #a6a9ae, #a7a9ad, #a8a9ab, #a8a9aa

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

- คู่ตรงข้าม: #a2aab5, #b0a89d
- คู่ตรงข้ามแยก: #a2aab5, #b4a6a0, #aaaa9d
- ข้างเคียง: #a2aab5, #9eacb2, #a8a8b5
- สามเส้า: #a2aab5, #b5a5a5, #a4aca1
- สี่เหลี่ยมผืนผ้า: #a2aab5, #aea6b1, #b0a89d, #a4aca1
- สี่เหลี่ยมจัตุรัส: #a2aab5, #b2a5ac, #b0a89d, #9fada7
- โทนสีเดียว: #a2aab5, #5b626c, #7e8590, #c8d0dc, #edf6ff

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

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

#a2aab5 เป็นเฉดอ่อนของสีเทา ชื่อสีที่ใกล้ที่สุดคือ เฉดอ่อนของสีเทา ใน RGB คือ rgb(162, 170, 181) ใน HSL คือ hsl(214.74, 11.38%, 67.25%) และใน OKLCH คือ oklch(73.51% 0.01828 256.303)

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

สีตรงข้ามของ #a2aab5 คือ #b0a89d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9eacb2 และ #a8a8b5 ส่วนสีสามเส้าคือ #b5a5a5 และ #a4aca1

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

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

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

#a2aab5 เป็นสีโทนกลาง ใน OKLCH มีฮิว 256 องศา ความสว่าง 73.5% และความสด 0.018