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

#a1a2e2 คือ rgb(161, 162, 226) ใน RGB และ oklch(73.522% 0.09214 283.198) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a1a2e2 |
| RGB | rgb(161, 162, 226) |
| HSL | hsl(239.08, 52.85%, 75.88%) |
| HSB / HSV | hsv(239.08 28.76% 88.63%) |
| HWB | hwb(239.08 63.14% 11.37%) |
| CMYK | cmyk(29% 28% 0% 11%) |
| Lab | lab(68.34 10.39 -32.73) |
| LCH | lch(68.34 34.34 287.61) |
| OKLab | oklab(73.522% 0.02104 -0.0897) |
| OKLCH | oklch(73.522% 0.09214 283.198) |
| Display P3 | color(display-p3 0.63207 0.63516 0.86755) |
| Rec. 2020 | color(rec2020 0.60816 0.59961 0.8482) |
| Adobe RGB | color(a98-rgb 0.62667 0.62945 0.87423) |
| ProPhoto RGB | color(prophoto-rgb 0.61334 0.57737 0.82462) |
| sRGB เชิงเส้น | color(srgb-linear 0.3564 0.36131 0.76052) |
| XYZ D65 | color(xyz-d65 0.41343 0.38908 0.77286) |
| XYZ D50 | color(xyz-d50 0.40339 0.38442 0.58313) |
| SwiftUI | Color(red: 0.631, green: 0.635, blue: 0.886) |
| UIKit | UIColor(red: 0.631, green: 0.635, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFFA1A2E2) |
| Android XML | #A1A2E2 |

## ข้อมูล

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

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

#a1a2e2, #aaabe5, #b3b4e9, #bcbeec, #c5c7ef, #cfd0f2, #d8daf4, #e2e3f7, #ebecfa, #f5f6fd

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

#a1a2e2, #8b8cc4, #7677a8, #62638c, #4e4f71, #3c3c57, #2a2a3e, #191927, #090a12, #010103

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

#a1a2e2, #a2a3dd, #a2a4d7, #a3a5d1, #a4a5cc, #a5a6c6, #a6a7c0, #a6a7bb, #a7a8b5, #a8a9af

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

- คู่ตรงข้าม: #a1a2e2, #b4ac66
- คู่ตรงข้ามแยก: #a1a2e2, #cda066, #92b67a
- ข้างเคียง: #a1a2e2, #80ade2, #be98d3
- สามเส้า: #a1a2e2, #db967a, #70bc99
- สี่เหลี่ยมผืนผ้า: #a1a2e2, #d392b8, #b4ac66, #70bc99
- สี่เหลี่ยมจัตุรัส: #a1a2e2, #dd9199, #b4ac66, #5abcb9
- โทนสีเดียว: #a1a2e2, #5b5a94, #7d7dbb, #c7c8ff, #f1f3ff

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

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

#a1a2e2 เป็นโทนละมุน เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีคราม ใน RGB คือ rgb(161, 162, 226) ใน HSL คือ hsl(239.08, 52.85%, 75.88%) และใน OKLCH คือ oklch(73.522% 0.09214 283.198)

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

สีตรงข้ามของ #a1a2e2 คือ #b4ac66 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #80ade2 และ #be98d3 ส่วนสีสามเส้าคือ #db967a และ #70bc99

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

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

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

#a1a2e2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 283 องศา ความสว่าง 73.5% และความสด 0.092
