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

#a3aef5 คือ rgb(163, 174, 245) ใน RGB และ oklch(76.887% 0.10244 276.933) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a3aef5 |
| RGB | rgb(163, 174, 245) |
| HSL | hsl(231.95, 80.39%, 80%) |
| HSB / HSV | hsv(231.95 33.47% 96.08%) |
| HWB | hwb(231.95 63.92% 3.92%) |
| CMYK | cmyk(33% 29% 0% 4%) |
| Lab | lab(72.25 8.42 -37.02) |
| LCH | lch(72.25 37.97 282.81) |
| OKLab | oklab(76.887% 0.01236 -0.10169) |
| OKLCH | oklch(76.887% 0.10244 276.933) |
| Display P3 | color(display-p3 0.64715 0.68098 0.93971) |
| Rec. 2020 | color(rec2020 0.63564 0.6486 0.92842) |
| Adobe RGB | color(a98-rgb 0.64598 0.67642 0.94981) |
| ProPhoto RGB | color(prophoto-rgb 0.65112 0.62688 0.91142) |
| sRGB เชิงเส้น | color(srgb-linear 0.36625 0.42327 0.9131) |
| XYZ D65 | color(xyz-d65 0.46719 0.44651 0.92546) |
| XYZ D50 | color(xyz-d50 0.45338 0.44028 0.69823) |
| SwiftUI | Color(red: 0.639, green: 0.682, blue: 0.961) |
| UIKit | UIColor(red: 0.639, green: 0.682, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFFA3AEF5) |
| Android XML | #A3AEF5 |

## ข้อมูล

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

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

#a3aef5, #acb6f6, #b5bef8, #bdc6f9, #c7cffa, #d0d7fb, #d9dffc, #e2e7fd, #eceffe, #f5f7ff

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

#a3aef5, #8d97d5, #7880b6, #636a98, #4f557b, #3c415f, #2a2e44, #191c2b, #0a0b15, #010103

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

#a3aef5, #a5afef, #a6b0e8, #a8b0e2, #a9b1dc, #abb2d5, #adb2cf, #aeb3c8, #b0b3c1, #b2b3bb

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

- คู่ตรงข้าม: #a3aef5, #c6b465
- คู่ตรงข้ามแยก: #a3aef5, #e0a76b, #a2c078
- ข้างเคียง: #a3aef5, #7dbaf2, #c5a3e7
- สามเส้า: #a3aef5, #ed9d85, #7ac89a
- สี่เหลี่ยมผืนผ้า: #a3aef5, #de9bcc, #c6b465, #7ac89a
- สี่เหลี่ยมจัตุรัส: #a3aef5, #ec98a9, #c6b465, #5ac9bf
- โทนสีเดียว: #a3aef5, #5d65a6, #7f89cd, #cdd7ff, #eff4ff

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

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

#a3aef5 เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(163, 174, 245) ใน HSL คือ hsl(231.95, 80.39%, 80%) และใน OKLCH คือ oklch(76.887% 0.10244 276.933)

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

สีตรงข้ามของ #a3aef5 คือ #c6b465 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7dbaf2 และ #c5a3e7 ส่วนสีสามเส้าคือ #ed9d85 และ #7ac89a

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

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

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

#a3aef5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 277 องศา ความสว่าง 76.9% และความสด 0.102