# สี #a2aaef: โทนสด เฉดอ่อนของสีคราม

#a2aaef คือ rgb(162, 170, 239) ใน RGB และ oklch(75.755% 0.09945 278.641) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a2aaef |
| RGB | rgb(162, 170, 239) |
| HSL | hsl(233.77, 70.64%, 78.63%) |
| HSB / HSV | hsv(233.77 32.22% 93.73%) |
| HWB | hwb(233.77 63.53% 6.27%) |
| CMYK | cmyk(32% 29% 0% 6%) |
| Lab | lab(70.93 9.02 -35.81) |
| LCH | lch(70.93 36.93 284.13) |
| OKLab | oklab(75.755% 0.01494 -0.09832) |
| OKLCH | oklch(75.755% 0.09945 278.641) |
| Display P3 | color(display-p3 0.64101 0.66566 0.91686) |
| Rec. 2020 | color(rec2020 0.62563 0.63215 0.90296) |
| Adobe RGB | color(a98-rgb 0.63855 0.66074 0.92587) |
| ProPhoto RGB | color(prophoto-rgb 0.63796 0.61017 0.88367) |
| sRGB เชิงเส้น | color(srgb-linear 0.36131 0.40198 0.86316) |
| XYZ D65 | color(xyz-d65 0.44852 0.42662 0.87536) |
| XYZ D50 | color(xyz-d50 0.43588 0.42089 0.66044) |
| SwiftUI | Color(red: 0.635, green: 0.667, blue: 0.937) |
| UIKit | UIColor(red: 0.635, green: 0.667, blue: 0.937, alpha: 1) |
| Flutter / Compose | Color(0xFFA2AAEF) |
| Android XML | #A2AAEF |

## ข้อมูล

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

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

#a2aaef, #abb3f1, #b4bbf3, #bdc4f5, #c6ccf7, #cfd4f8, #d9ddfa, #e2e5fb, #eceefd, #f5f6fe

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

#a2aaef, #8c93d0, #777db1, #636894, #4f5378, #3c3f5c, #2a2d42, #191b2a, #0a0b14, #010103

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

#a2aaef, #a3abe9, #a5ace3, #a6acdd, #a7add6, #a9aed0, #aaaeca, #acafc4, #adafbd, #afb0b7

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

- คู่ตรงข้าม: #a2aaef, #c0b165
- คู่ตรงข้ามแยก: #a2aaef, #daa569, #9dbd78
- ข้างเคียง: #a2aaef, #7db6ed, #c29fe1
- สามเส้า: #a2aaef, #e79a81, #76c499
- สี่เหลี่ยมผืนผ้า: #a2aaef, #da98c6, #c0b165, #76c499
- สี่เหลี่ยมจัตุรัส: #a2aaef, #e796a3, #c0b165, #59c5bd
- โทนสีเดียว: #a2aaef, #5c61a0, #7e85c7, #cad2ff, #eff3ff

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

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

#a2aaef เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(162, 170, 239) ใน HSL คือ hsl(233.77, 70.64%, 78.63%) และใน OKLCH คือ oklch(75.755% 0.09945 278.641)

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

สีตรงข้ามของ #a2aaef คือ #c0b165 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7db6ed และ #c29fe1 ส่วนสีสามเส้าคือ #e79a81 และ #76c499

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

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

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

#a2aaef เป็นสีโทนเย็น ใน OKLCH มีฮิว 279 องศา ความสว่าง 75.8% และความสด 0.099