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

#a2b3f1 คือ rgb(162, 179, 241) ใน RGB และ oklch(77.641% 0.0909 272.31) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a2b3f1 |
| RGB | rgb(162, 179, 241) |
| HSL | hsl(227.09, 73.83%, 79.02%) |
| HSB / HSV | hsv(227.09 32.78% 94.51%) |
| HWB | hwb(227.09 63.53% 5.49%) |
| CMYK | cmyk(33% 26% 0% 5%) |
| Lab | lab(73.34 4.74 -33.19) |
| LCH | lch(73.34 33.53 278.13) |
| OKLab | oklab(77.641% 0.00366 -0.09083) |
| OKLCH | oklch(77.641% 0.0909 272.31) |
| Display P3 | color(display-p3 0.64778 0.69988 0.92594) |
| Rec. 2020 | color(rec2020 0.63928 0.66777 0.91344) |
| Adobe RGB | color(a98-rgb 0.64927 0.69608 0.93469) |
| ProPhoto RGB | color(prophoto-rgb 0.6525 0.64492 0.89586) |
| sRGB เชิงเส้น | color(srgb-linear 0.36131 0.45079 0.87962) |
| XYZ D65 | color(xyz-d65 0.46895 0.46272 0.89683) |
| XYZ D50 | color(xyz-d50 0.45703 0.45687 0.67693) |
| SwiftUI | Color(red: 0.635, green: 0.702, blue: 0.945) |
| UIKit | UIColor(red: 0.635, green: 0.702, blue: 0.945, alpha: 1) |
| Flutter / Compose | Color(0xFFA2B3F1) |
| Android XML | #A2B3F1 |

## ข้อมูล

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

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

#a2b3f1, #abbbf3, #b4c2f5, #bdcaf6, #c6d1f8, #cfd9f9, #d9e1fb, #e2e8fc, #ecf0fd, #f5f7fe

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

#a2b3f1, #8c9bd2, #7784b3, #636e95, #4f5879, #3c435d, #2a2f43, #191d2b, #0a0c14, #010103

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

#a2b3f1, #a4b4eb, #a6b4e6, #a8b4e0, #aab5da, #acb5d4, #aeb5ce, #b0b6c8, #b2b6c2, #b4b6bc

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

- คู่ตรงข้าม: #a2b3f1, #cbb571
- คู่ตรงข้ามแยก: #a2b3f1, #e0a979, #acc07e
- ข้างเคียง: #a2b3f1, #81beec, #c1a9e7
- สามเส้า: #a2b3f1, #eaa192, #89c79a
- สี่เหลี่ยมผืนผ้า: #a2b3f1, #d9a1d0, #cbb571, #89c79a
- สี่เหลี่ยมจัตุรัส: #a2b3f1, #e89eb1, #cbb571, #6ecabb
- โทนสีเดียว: #a2b3f1, #5b6aa3, #7e8ec9, #ccdbff, #edf4ff

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

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

#a2b3f1 เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(162, 179, 241) ใน HSL คือ hsl(227.09, 73.83%, 79.02%) และใน OKLCH คือ oklch(77.641% 0.0909 272.31)

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

สีตรงข้ามของ #a2b3f1 คือ #cbb571 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #81beec และ #c1a9e7 ส่วนสีสามเส้าคือ #eaa192 และ #89c79a

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

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

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

#a2b3f1 เป็นสีโทนเย็น ใน OKLCH มีฮิว 272 องศา ความสว่าง 77.6% และความสด 0.091