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

#9aa8a1 คือ rgb(154, 168, 161) ใน RGB และ oklch(71.845% 0.01867 164.444) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9aa8a1 |
| RGB | rgb(154, 168, 161) |
| HSL | hsl(150, 7.45%, 63.14%) |
| HSB / HSV | hsv(150 8.33% 65.88%) |
| HWB | hwb(150 60.39% 34.12%) |
| CMYK | cmyk(8% 0% 4% 34%) |
| Lab | lab(67.59 -6.14 1.85) |
| LCH | lch(67.59 6.41 163.22) |
| OKLab | oklab(71.845% -0.01799 0.00501) |
| OKLCH | oklch(71.845% 0.01867 164.444) |
| Display P3 | color(display-p3 0.61413 0.6571 0.63296) |
| Rec. 2020 | color(rec2020 0.58356 0.61735 0.59394) |
| Adobe RGB | color(a98-rgb 0.61445 0.6529 0.62671) |
| ProPhoto RGB | color(prophoto-rgb 0.55845 0.58746 0.56687) |
| sRGB เชิงเส้น | color(srgb-linear 0.32314 0.39157 0.3564) |
| XYZ D65 | color(xyz-d65 0.3376 0.37448 0.39169) |
| XYZ D50 | color(xyz-d50 0.34272 0.37422 0.29702) |
| SwiftUI | Color(red: 0.604, green: 0.659, blue: 0.631) |
| UIKit | UIColor(red: 0.604, green: 0.659, blue: 0.631, alpha: 1) |
| Flutter / Compose | Color(0xFF9AA8A1) |
| Android XML | #9AA8A1 |

## ข้อมูล

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

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

#9aa8a1, #a4b0aa, #aeb9b3, #b7c1bc, #c1cac6, #cbd3cf, #d6dbd8, #e0e4e2, #eaedec, #f5f6f5

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

#9aa8a1, #85928b, #717c76, #5e6762, #4b524e, #393f3c, #272c2a, #171a19, #090a09, #010101

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

#9aa8a1, #9ba8a1, #9ca7a2, #9da7a2, #9ea6a2, #9fa6a2, #a0a6a3, #a1a5a3, #a2a5a3, #a3a4a4

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

- คู่ตรงข้าม: #9aa8a1, #ada0a7
- คู่ตรงข้ามแยก: #9aa8a1, #a8a1ac, #b0a0a0
- ข้างเคียง: #9aa8a1, #9fa79b, #97a8a7
- สามเส้า: #9aa8a1, #a2a3b0, #afa19b
- สี่เหลี่ยมผืนผ้า: #9aa8a1, #98a7ad, #ada0a7, #afa19b
- สี่เหลี่ยมจัตุรัส: #9aa8a1, #9ca5b0, #ada0a7, #aba398
- โทนสีเดียว: #9aa8a1, #54615a, #76837d, #c0cec7, #e7f6ee

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

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

#9aa8a1 เป็นเฉดอ่อนของสีเทา ชื่อสีที่ใกล้ที่สุดคือ เฉดอ่อนของสีเทา ใน RGB คือ rgb(154, 168, 161) ใน HSL คือ hsl(150, 7.45%, 63.14%) และใน OKLCH คือ oklch(71.845% 0.01867 164.444)

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

สีตรงข้ามของ #9aa8a1 คือ #ada0a7 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9fa79b และ #97a8a7 ส่วนสีสามเส้าคือ #a2a3b0 และ #afa19b

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

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

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

#9aa8a1 เป็นสีโทนกลาง ใน OKLCH มีฮิว 164 องศา ความสว่าง 71.8% และความสด 0.019