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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9aa2da |
| RGB | rgb(154, 162, 218) |
| HSL | hsl(232.5, 46.38%, 72.94%) |
| HSB / HSV | hsv(232.5 29.36% 85.49%) |
| HWB | hwb(232.5 60.39% 14.51%) |
| CMYK | cmyk(29% 26% 0% 15%) |
| Lab | lab(67.53 6.64 -29.65) |
| LCH | lch(67.53 30.38 282.63) |
| OKLab | oklab(72.644% 0.01119 -0.08104) |
| OKLCH | oklch(72.644% 0.08181 277.86) |
| Display P3 | color(display-p3 0.60964 0.63428 0.83789) |
| Rec. 2020 | color(rec2020 0.58794 0.59704 0.81563) |
| Adobe RGB | color(a98-rgb 0.60737 0.62945 0.84313) |
| ProPhoto RGB | color(prophoto-rgb 0.59172 0.5731 0.79035) |
| sRGB เชิงเส้น | color(srgb-linear 0.32314 0.36131 0.7011) |
| XYZ D65 | color(xyz-d65 0.38899 0.37772 0.71573) |
| XYZ D50 | color(xyz-d50 0.38038 0.37341 0.54023) |
| SwiftUI | Color(red: 0.604, green: 0.635, blue: 0.855) |
| UIKit | UIColor(red: 0.604, green: 0.635, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF9AA2DA) |
| Android XML | #9AA2DA |

## ข้อมูล

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

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

#9aa2da, #a4abde, #adb4e2, #b7bee6, #c1c7ea, #cbd0ed, #d5d9f1, #e0e3f5, #eaecf8, #f4f6fc

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

#9aa2da, #858cbd, #7177a2, #5e6387, #4b4f6c, #393c54, #272a3c, #171925, #090a11, #010102

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

#9aa2da, #9ba3d5, #9ca3d0, #9ea4cb, #9fa4c6, #a0a5c1, #a1a5bc, #a3a5b6, #a4a6b1, #a5a6ac

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

- คู่ตรงข้าม: #9aa2da, #b4a76a
- คู่ตรงข้ามแยก: #9aa2da, #c99d6e, #98b179
- ข้างเคียง: #9aa2da, #7dacd8, #b599cf
- สามเส้า: #9aa2da, #d49581, #7ab793
- สี่เหลี่ยมผืนผ้า: #9aa2da, #c993b9, #b4a76a, #7ab793
- สี่เหลี่ยมจัตุรัส: #9aa2da, #d4919d, #b4a76a, #65b7b0
- โทนสีเดียว: #9aa2da, #555a8d, #767db3, #bfc8ff, #edf2ff

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

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

#9aa2da เป็นโทนละมุน เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีคราม ใน RGB คือ rgb(154, 162, 218) ใน HSL คือ hsl(232.5, 46.38%, 72.94%) และใน OKLCH คือ oklch(72.644% 0.08181 277.86)

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

สีตรงข้ามของ #9aa2da คือ #b4a76a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7dacd8 และ #b599cf ส่วนสีสามเส้าคือ #d49581 และ #7ab793

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

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

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

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