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

#a2a6eb คือ rgb(162, 166, 235) ใน RGB และ oklch(74.787% 0.0992 281.148) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a2a6eb |
| RGB | rgb(162, 166, 235) |
| HSL | hsl(236.71, 64.6%, 77.84%) |
| HSB / HSV | hsv(236.71 31.06% 92.16%) |
| HWB | hwb(236.71 63.53% 7.84%) |
| CMYK | cmyk(31% 29% 0% 8%) |
| Lab | lab(69.76 10.33 -35.45) |
| LCH | lch(69.76 36.92 286.25) |
| OKLab | oklab(74.787% 0.01918 -0.09733) |
| OKLCH | oklch(74.787% 0.0992 281.148) |
| Display P3 | color(display-p3 0.63812 0.65047 0.90141) |
| Rec. 2020 | color(rec2020 0.61884 0.61618 0.8857) |
| Adobe RGB | color(a98-rgb 0.63395 0.64508 0.90979) |
| ProPhoto RGB | color(prophoto-rgb 0.62886 0.59437 0.86483) |
| sRGB เชิงเส้น | color(srgb-linear 0.36131 0.38133 0.83077) |
| XYZ D65 | color(xyz-d65 0.43529 0.40952 0.84211) |
| XYZ D50 | color(xyz-d50 0.42329 0.40412 0.6353) |
| SwiftUI | Color(red: 0.635, green: 0.651, blue: 0.922) |
| UIKit | UIColor(red: 0.635, green: 0.651, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFFA2A6EB) |
| Android XML | #A2A6EB |

## ข้อมูล

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

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

#a2a6eb, #abafed, #b4b8f0, #bdc1f2, #c6caf4, #cfd2f6, #d8dbf8, #e2e4fa, #ecedfc, #f5f6fd

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

#a2a6eb, #8c90cc, #777aae, #636591, #4f5175, #3c3e5b, #2a2b41, #191a29, #0a0a13, #010103

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

#a2a6eb, #a3a7e5, #a4a8df, #a5a9d9, #a6a9d3, #a7aacd, #a8abc7, #a9acc0, #abacba, #acadb4

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

- คู่ตรงข้าม: #a2a6eb, #bbaf63
- คู่ตรงข้ามแยก: #a2a6eb, #d5a365, #97ba78
- ข้างเคียง: #a2a6eb, #7db2ea, #c29bdc
- สามเส้า: #a2a6eb, #e3987c, #70c199
- สี่เหลี่ยมผืนผ้า: #a2a6eb, #d994c0, #bbaf63, #70c199
- สี่เหลี่ยมจัตุรัส: #a2a6eb, #e4939e, #bbaf63, #55c1bc
- โทนสีเดียว: #a2a6eb, #5c5e9d, #7e81c3, #c9cdff, #f0f3ff

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

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

#a2a6eb เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(162, 166, 235) ใน HSL คือ hsl(236.71, 64.6%, 77.84%) และใน OKLCH คือ oklch(74.787% 0.0992 281.148)

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

สีตรงข้ามของ #a2a6eb คือ #bbaf63 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7db2ea และ #c29bdc ส่วนสีสามเส้าคือ #e3987c และ #70c199

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

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

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

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