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

#a3affa คือ rgb(163, 175, 250) ใน RGB และ oklch(77.31% 0.10813 276.584) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a3affa |
| RGB | rgb(163, 175, 250) |
| HSL | hsl(231.72, 89.69%, 80.98%) |
| HSB / HSV | hsv(231.72 34.8% 98.04%) |
| HWB | hwb(231.72 63.92% 1.96%) |
| CMYK | cmyk(35% 30% 0% 2%) |
| Lab | lab(72.68 8.9 -39.05) |
| LCH | lch(72.68 40.05 282.83) |
| OKLab | oklab(77.31% 0.0124 -0.10742) |
| OKLCH | oklch(77.31% 0.10813 276.584) |
| Display P3 | color(display-p3 0.64789 0.68478 0.95829) |
| Rec. 2020 | color(rec2020 0.63859 0.65292 0.94904) |
| Adobe RGB | color(a98-rgb 0.64716 0.68035 0.96956) |
| ProPhoto RGB | color(prophoto-rgb 0.65722 0.63167 0.93378) |
| sRGB เชิงเส้น | color(srgb-linear 0.36625 0.42869 0.95597) |
| XYZ D65 | color(xyz-d65 0.47687 0.45348 0.96686) |
| XYZ D50 | color(xyz-d50 0.4616 0.44676 0.72938) |
| SwiftUI | Color(red: 0.639, green: 0.686, blue: 0.98) |
| UIKit | UIColor(red: 0.639, green: 0.686, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFFA3AFFA) |
| Android XML | #A3AFFA |

## ข้อมูล

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

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

#a3affa, #acb7fb, #b5bffc, #bdc7fd, #c7cffd, #d0d7fe, #d9dffe, #e2e7ff, #ecefff, #f5f7ff

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

#a3affa, #8d98d9, #7881ba, #636b9b, #4f567d, #3c4161, #2a2e46, #191c2d, #0a0b15, #010103

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

#a3affa, #a5b0f3, #a6b1ed, #a8b1e6, #aab2df, #acb3d8, #adb3d1, #afb4ca, #b1b4c3, #b3b5bc

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

- คู่ตรงข้าม: #a3affa, #c9b560
- คู่ตรงข้ามแยก: #a3affa, #e4a767, #a3c275
- ข้างเคียง: #a3affa, #7abcf6, #c7a3ec
- สามเส้า: #a3affa, #f19c84, #78ca99
- สี่เหลี่ยมผืนผ้า: #a3affa, #e19acf, #c9b560, #78ca99
- สี่เหลี่ยมจัตุรัส: #a3affa, #f098aa, #c9b560, #54ccc0
- โทนสีเดียว: #a3affa, #5d66ab, #7f8ad2, #ced8ff, #eef4ff

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

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

#a3affa เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(163, 175, 250) ใน HSL คือ hsl(231.72, 89.69%, 80.98%) และใน OKLCH คือ oklch(77.31% 0.10813 276.584)

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

สีตรงข้ามของ #a3affa คือ #c9b560 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7abcf6 และ #c7a3ec ส่วนสีสามเส้าคือ #f19c84 และ #78ca99

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

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

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

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