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

#a5b2ed คือ rgb(165, 178, 237) ใน RGB และ oklch(77.482% 0.08574 274.621) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a5b2ed |
| RGB | rgb(165, 178, 237) |
| HSL | hsl(229.17, 66.67%, 78.82%) |
| HSB / HSV | hsv(229.17 30.38% 92.94%) |
| HWB | hwb(229.17 64.71% 7.06%) |
| CMYK | cmyk(30% 25% 0% 7%) |
| Lab | lab(73.17 5.4 -31.28) |
| LCH | lch(73.17 31.74 279.79) |
| OKLab | oklab(77.482% 0.00691 -0.08546) |
| OKLCH | oklch(77.482% 0.08574 274.621) |
| Display P3 | color(display-p3 0.65649 0.69642 0.9112) |
| Rec. 2020 | color(rec2020 0.64419 0.66432 0.8971) |
| Adobe RGB | color(a98-rgb 0.65618 0.69214 0.91894) |
| ProPhoto RGB | color(prophoto-rgb 0.65365 0.6415 0.87829) |
| sRGB เชิงเส้น | color(srgb-linear 0.37626 0.4452 0.84687) |
| XYZ D65 | color(xyz-d65 0.46721 0.45954 0.86532) |
| XYZ D50 | color(xyz-d50 0.45671 0.45421 0.65321) |
| SwiftUI | Color(red: 0.647, green: 0.698, blue: 0.929) |
| UIKit | UIColor(red: 0.647, green: 0.698, blue: 0.929, alpha: 1) |
| Flutter / Compose | Color(0xFFA5B2ED) |
| Android XML | #A5B2ED |

## ข้อมูล

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

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

#a5b2ed, #aebaef, #b6c1f1, #bfc9f3, #c8d1f5, #d1d8f7, #dae0f9, #e3e8fa, #ecf0fc, #f6f7fe

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

#a5b2ed, #8f9ace, #7983b0, #656d93, #515777, #3d435c, #2b2f42, #1a1d2a, #0a0c14, #010103

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

#a5b2ed, #a7b3e8, #a8b3e2, #aab3dd, #abb4d7, #adb4d2, #afb5cc, #b0b5c7, #b2b5c1, #b4b5bb

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

- คู่ตรงข้าม: #a5b2ed, #c7b575
- คู่ตรงข้ามแยก: #a5b2ed, #dcab7b, #aac083
- ข้างเคียง: #a5b2ed, #87bce9, #c2a8e2
- สามเส้า: #a5b2ed, #e7a291, #89c69e
- สี่เหลี่ยมผืนผ้า: #a5b2ed, #d8a1cc, #c7b575, #89c69e
- สี่เหลี่ยมจัตุรัส: #a5b2ed, #e59faf, #c7b575, #72c8bc
- โทนสีเดียว: #a5b2ed, #5e699f, #818dc5, #cdd9ff, #eef4ff

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

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

#a5b2ed เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(165, 178, 237) ใน HSL คือ hsl(229.17, 66.67%, 78.82%) และใน OKLCH คือ oklch(77.482% 0.08574 274.621)

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

สีตรงข้ามของ #a5b2ed คือ #c7b575 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #87bce9 และ #c2a8e2 ส่วนสีสามเส้าคือ #e7a291 และ #89c69e

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

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

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

#a5b2ed เป็นสีโทนเย็น ใน OKLCH มีฮิว 275 องศา ความสว่าง 77.5% และความสด 0.086