# สี #90a4aa: โทนหม่น เฉดอ่อนของสีฟ้า

#90a4aa คือ rgb(144, 164, 170) ใน RGB และ oklch(70.509% 0.02413 217.728) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #90a4aa |
| RGB | rgb(144, 164, 170) |
| HSL | hsl(193.85, 13.27%, 61.57%) |
| HSB / HSV | hsv(193.85 15.29% 66.67%) |
| HWB | hwb(193.85 56.47% 33.33%) |
| CMYK | cmyk(15% 4% 0% 33%) |
| Lab | lab(65.95 -6.29 -5.62) |
| LCH | lch(65.95 8.44 221.73) |
| OKLab | oklab(70.509% -0.01908 -0.01476) |
| OKLCH | oklch(70.509% 0.02413 217.728) |
| Display P3 | color(display-p3 0.57963 0.64073 0.66342) |
| Rec. 2020 | color(rec2020 0.55402 0.59935 0.6263) |
| Adobe RGB | color(a98-rgb 0.58296 0.63726 0.65979) |
| ProPhoto RGB | color(prophoto-rgb 0.53712 0.56953 0.59796) |
| sRGB เชิงเส้น | color(srgb-linear 0.27889 0.37124 0.40198) |
| XYZ D65 | color(xyz-d65 0.32031 0.35382 0.43173) |
| XYZ D50 | color(xyz-d50 0.32211 0.35256 0.32698) |
| SwiftUI | Color(red: 0.565, green: 0.643, blue: 0.667) |
| UIKit | UIColor(red: 0.565, green: 0.643, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF90A4AA) |
| Android XML | #90A4AA |

## ข้อมูล

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

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

#90a4aa, #9badb2, #a5b6bb, #b0bfc3, #bbc8cb, #c6d1d4, #d1dadc, #dde3e5, #e8ecee, #f3f6f6

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

#90a4aa, #7d8e93, #6a797d, #576468, #455053, #343d3f, #242b2d, #151a1b, #070a0b, #010101

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

#90a4aa, #92a4a9, #93a3a8, #95a3a7, #97a2a6, #98a2a5, #9aa2a4, #9ba1a3, #9da1a2, #9ea0a1

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

- คู่ตรงข้าม: #90a4aa, #ae9b95
- คู่ตรงข้ามแยก: #90a4aa, #ae9a9d, #aa9e90
- ข้างเคียง: #90a4aa, #90a5a3, #95a2af
- สามเส้า: #90a4aa, #ab9ba5, #a4a090
- สี่เหลี่ยมผืนผ้า: #90a4aa, #9c9faf, #ae9b95, #a4a090
- สี่เหลี่ยมจัตุรัส: #90a4aa, #a49cac, #ae9b95, #9ca393
- โทนสีเดียว: #90a4aa, #4b5d62, #6c8085, #b5cad0, #dcf1f8

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

### #90a4aa คือสีอะไร

#90a4aa เป็นโทนหม่น เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(144, 164, 170) ใน HSL คือ hsl(193.85, 13.27%, 61.57%) และใน OKLCH คือ oklch(70.509% 0.02413 217.728)

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

สีตรงข้ามของ #90a4aa คือ #ae9b95 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #90a5a3 และ #95a2af ส่วนสีสามเส้าคือ #ab9ba5 และ #a4a090

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

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

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

#90a4aa เป็นสีโทนเย็น ใน OKLCH มีฮิว 218 องศา ความสว่าง 70.5% และความสด 0.024