# สี #a5b4ec: โทนละมุน เฉดอ่อนของสีคราม

#a5b4ec คือ rgb(165, 180, 236) ใน RGB และ oklch(77.843% 0.08192 272.761) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a5b4ec |
| RGB | rgb(165, 180, 236) |
| HSL | hsl(227.32, 65.14%, 78.63%) |
| HSB / HSV | hsv(227.32 30.08% 92.55%) |
| HWB | hwb(227.32 64.71% 7.45%) |
| CMYK | cmyk(30% 24% 0% 7%) |
| Lab | lab(73.66 4.18 -29.99) |
| LCH | lch(73.66 30.28 277.93) |
| OKLab | oklab(77.843% 0.00395 -0.08182) |
| OKLCH | oklch(77.843% 0.08192 272.761) |
| Display P3 | color(display-p3 0.658 0.70403 0.90794) |
| Rec. 2020 | color(rec2020 0.64685 0.67216 0.89361) |
| Adobe RGB | color(a98-rgb 0.65858 0.70001 0.91526) |
| ProPhoto RGB | color(prophoto-rgb 0.65565 0.64904 0.87479) |
| sRGB เชิงเส้น | color(srgb-linear 0.37626 0.45641 0.8388) |
| XYZ D65 | color(xyz-d65 0.46976 0.46697 0.85898) |
| XYZ D50 | color(xyz-d50 0.45988 0.46176 0.64853) |
| SwiftUI | Color(red: 0.647, green: 0.706, blue: 0.925) |
| UIKit | UIColor(red: 0.647, green: 0.706, blue: 0.925, alpha: 1) |
| Flutter / Compose | Color(0xFFA5B4EC) |
| Android XML | #A5B4EC |

## ข้อมูล

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

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

#a5b4ec, #aebbee, #b6c3f0, #bfcaf2, #c8d2f5, #d1d9f6, #dae1f8, #e3e8fa, #ecf0fc, #f6f7fd

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

#a5b4ec, #8f9ccd, #7985af, #656e92, #515876, #3d445b, #2b3042, #1a1d29, #0a0c13, #010203

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

#a5b4ec, #a7b4e7, #a8b5e2, #aab5dc, #acb6d7, #aeb6d2, #b0b6cd, #b1b6c7, #b3b6c2, #b5b7bc

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

- คู่ตรงข้าม: #a5b4ec, #c9b67a
- คู่ตรงข้ามแยก: #a5b4ec, #ddac80, #adc085
- ข้างเคียง: #a5b4ec, #88bee7, #c1abe3
- สามเส้า: #a5b4ec, #e6a496, #8fc79e
- สี่เหลี่ยมผืนผ้า: #a5b4ec, #d7a4ce, #c9b67a, #8fc79e
- สี่เหลี่ยมจัตุรัส: #a5b4ec, #e4a1b2, #c9b67a, #78c8bb
- โทนสีเดียว: #a5b4ec, #5e6b9e, #818fc4, #cddbff, #edf4ff

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

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

#a5b4ec เป็นโทนละมุน เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีคราม ใน RGB คือ rgb(165, 180, 236) ใน HSL คือ hsl(227.32, 65.14%, 78.63%) และใน OKLCH คือ oklch(77.843% 0.08192 272.761)

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

สีตรงข้ามของ #a5b4ec คือ #c9b67a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #88bee7 และ #c1abe3 ส่วนสีสามเส้าคือ #e6a496 และ #8fc79e

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

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

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

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