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

#a5affa คือ rgb(165, 175, 250) ใน RGB และ oklch(77.453% 0.10771 277.732) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a5affa |
| RGB | rgb(165, 175, 250) |
| HSL | hsl(232.94, 89.47%, 81.37%) |
| HSB / HSV | hsv(232.94 34% 98.04%) |
| HWB | hwb(232.94 64.71% 1.96%) |
| CMYK | cmyk(34% 30% 0% 2%) |
| Lab | lab(72.83 9.49 -38.81) |
| LCH | lch(72.83 39.95 283.74) |
| OKLab | oklab(77.453% 0.01449 -0.10673) |
| OKLCH | oklch(77.453% 0.10771 277.732) |
| Display P3 | color(display-p3 0.65424 0.68502 0.95837) |
| Rec. 2020 | color(rec2020 0.64362 0.65346 0.94913) |
| Adobe RGB | color(a98-rgb 0.65262 0.68035 0.96956) |
| ProPhoto RGB | color(prophoto-rgb 0.66133 0.63246 0.93388) |
| sRGB เชิงเส้น | color(srgb-linear 0.37626 0.42869 0.95597) |
| XYZ D65 | color(xyz-d65 0.48099 0.45561 0.96705) |
| XYZ D50 | color(xyz-d50 0.46596 0.44899 0.72952) |
| SwiftUI | Color(red: 0.647, green: 0.686, blue: 0.98) |
| UIKit | UIColor(red: 0.647, green: 0.686, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFFA5AFFA) |
| Android XML | #A5AFFA |

## ข้อมูล

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

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

#a5affa, #adb7fb, #b6bffc, #bfc7fd, #c8cffd, #d1d7fe, #dadffe, #e3e7ff, #ecefff, #f6f7ff

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

#a5affa, #8f98d9, #7981ba, #656b9b, #51567d, #3d4161, #2b2e46, #1a1c2d, #0a0b15, #010103

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

#a5affa, #a6b0f3, #a8b1ed, #aab2e6, #abb2df, #adb3d8, #afb4d2, #b0b4cb, #b2b5c4, #b4b5bd

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

- คู่ตรงข้าม: #a5affa, #c8b662
- คู่ตรงข้ามแยก: #a5affa, #e3a867, #a2c377
- ข้างเคียง: #a5affa, #7cbcf7, #c8a3eb
- สามเส้า: #a5affa, #f19d83, #77cb9b
- สี่เหลี่ยมผืนผ้า: #a5affa, #e39bce, #c8b662, #77cb9b
- สี่เหลี่ยมจัตุรัส: #a5affa, #f198a9, #c8b662, #54ccc2
- โทนสีเดียว: #a5affa, #5f66ab, #818ad2, #d0d8ff, #eff4ff

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

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

#a5affa เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(165, 175, 250) ใน HSL คือ hsl(232.94, 89.47%, 81.37%) และใน OKLCH คือ oklch(77.453% 0.10771 277.732)

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

สีตรงข้ามของ #a5affa คือ #c8b662 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7cbcf7 และ #c8a3eb ส่วนสีสามเส้าคือ #f19d83 และ #77cb9b

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

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

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

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