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

#a2b4fe คือ rgb(162, 180, 254) ใน RGB และ oklch(78.411% 0.10768 273.204) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a2b4fe |
| RGB | rgb(162, 180, 254) |
| HSL | hsl(228.26, 97.87%, 81.57%) |
| HSB / HSV | hsv(228.26 36.22% 99.61%) |
| HWB | hwb(228.26 63.53% 0.39%) |
| CMYK | cmyk(36% 29% 0% 0%) |
| Lab | lab(74.04 6.82 -39.1) |
| LCH | lch(74.04 39.69 279.89) |
| OKLab | oklab(78.411% 0.00602 -0.10751) |
| OKLCH | oklch(78.411% 0.10768 273.204) |
| Display P3 | color(display-p3 0.64856 0.70369 0.97389) |
| Rec. 2020 | color(rec2020 0.64463 0.67269 0.96659) |
| Adobe RGB | color(a98-rgb 0.65049 0.70001 0.98583) |
| ProPhoto RGB | color(prophoto-rgb 0.66609 0.65125 0.95333) |
| sRGB เชิงเส้น | color(srgb-linear 0.36131 0.45641 0.9911) |
| XYZ D65 | color(xyz-d65 0.49108 0.47479 1.00346) |
| XYZ D50 | color(xyz-d50 0.47515 0.46766 0.75709) |
| SwiftUI | Color(red: 0.635, green: 0.706, blue: 0.996) |
| UIKit | UIColor(red: 0.635, green: 0.706, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFFA2B4FE) |
| Android XML | #A2B4FE |

## ข้อมูล

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

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

#a2b4fe, #abbcff, #b4c3ff, #bdcbff, #c6d2ff, #cfdaff, #d9e1ff, #e2e9ff, #ecf0ff, #f5f8ff

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

#a2b4fe, #8c9cdd, #7785bd, #636e9e, #4f5880, #3c4463, #2a3047, #191d2d, #0a0c16, #010203

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

#a2b4fe, #a4b5f7, #a6b5f1, #a9b6ea, #abb7e3, #adb7dc, #afb7d5, #b2b8ce, #b4b8c7, #b6b8c0

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

- คู่ตรงข้าม: #a2b4fe, #d0b764
- คู่ตรงข้ามแยก: #a2b4fe, #eaa96d, #abc475
- ข้างเคียง: #a2b4fe, #79c1f8, #c7a8f2
- สามเส้า: #a2b4fe, #f59f8c, #80cd98
- สี่เหลี่ยมผืนผ้า: #a2b4fe, #e39fd6, #d0b764, #80cd98
- สี่เหลี่ยมจัตุรัส: #a2b4fe, #f39bb2, #d0b764, #5bcfbf
- โทนสีเดียว: #a2b4fe, #5c6aae, #7e8ed6, #d0ddff, #edf4ff

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

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

#a2b4fe เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(162, 180, 254) ใน HSL คือ hsl(228.26, 97.87%, 81.57%) และใน OKLCH คือ oklch(78.411% 0.10768 273.204)

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

สีตรงข้ามของ #a2b4fe คือ #d0b764 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #79c1f8 และ #c7a8f2 ส่วนสีสามเส้าคือ #f59f8c และ #80cd98

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

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

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

#a2b4fe เป็นสีโทนเย็น ใน OKLCH มีฮิว 273 องศา ความสว่าง 78.4% และความสด 0.108