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

#9aa2d8 คือ rgb(154, 162, 216) ใน RGB และ oklch(72.559% 0.07895 277.707) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9aa2d8 |
| RGB | rgb(154, 162, 216) |
| HSL | hsl(232.26, 44.29%, 72.55%) |
| HSB / HSV | hsv(232.26 28.7% 84.71%) |
| HWB | hwb(232.26 60.39% 15.29%) |
| CMYK | cmyk(29% 25% 0% 15%) |
| Lab | lab(67.47 6.26 -28.65) |
| LCH | lch(67.47 29.33 282.33) |
| OKLab | oklab(72.559% 0.01059 -0.07824) |
| OKLCH | oklch(72.559% 0.07895 277.707) |
| Display P3 | color(display-p3 0.60964 0.63428 0.83056) |
| Rec. 2020 | color(rec2020 0.58739 0.5969 0.80759) |
| Adobe RGB | color(a98-rgb 0.60737 0.62945 0.83538) |
| ProPhoto RGB | color(prophoto-rgb 0.59 0.57275 0.78194) |
| sRGB เชิงเส้น | color(srgb-linear 0.32314 0.36131 0.68669) |
| XYZ D65 | color(xyz-d65 0.38639 0.37668 0.70203) |
| XYZ D50 | color(xyz-d50 0.37832 0.37254 0.52994) |
| SwiftUI | Color(red: 0.604, green: 0.635, blue: 0.847) |
| UIKit | UIColor(red: 0.604, green: 0.635, blue: 0.847, alpha: 1) |
| Flutter / Compose | Color(0xFF9AA2D8) |
| Android XML | #9AA2D8 |

## ข้อมูล

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

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

#9aa2d8, #a4abdc, #adb4e0, #b7bee4, #c1c7e8, #cbd0ec, #d5d9f0, #e0e3f4, #eaecf8, #f4f6fb

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

#9aa2d8, #858cbc, #7177a0, #5e6385, #4b4f6b, #393c53, #272a3b, #171925, #090a11, #010102

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

#9aa2d8, #9ba3d3, #9ca3ce, #9da4c9, #9fa4c5, #a0a4c0, #a1a5bb, #a2a5b6, #a4a6b0, #a5a6ab

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

- คู่ตรงข้าม: #9aa2d8, #b3a76d
- คู่ตรงข้ามแยก: #9aa2d8, #c89d70, #98b07a
- ข้างเคียง: #9aa2d8, #7eabd6, #b499cd
- สามเส้า: #9aa2d8, #d29583, #7cb693
- สี่เหลี่ยมผืนผ้า: #9aa2d8, #c793b8, #b3a76d, #7cb693
- สี่เหลี่ยมจัตุรัส: #9aa2d8, #d2929d, #b3a76d, #68b7af
- โทนสีเดียว: #9aa2d8, #545a8b, #767db1, #bfc8ff, #edf2ff

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

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

#9aa2d8 เป็นโทนตุ่น เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีคราม ใน RGB คือ rgb(154, 162, 216) ใน HSL คือ hsl(232.26, 44.29%, 72.55%) และใน OKLCH คือ oklch(72.559% 0.07895 277.707)

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

สีตรงข้ามของ #9aa2d8 คือ #b3a76d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7eabd6 และ #b499cd ส่วนสีสามเส้าคือ #d29583 และ #7cb693

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

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

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

#9aa2d8 เป็นสีโทนเย็น ใน OKLCH มีฮิว 278 องศา ความสว่าง 72.6% และความสด 0.079