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

#96a4e5 คือ rgb(150, 164, 229) ใน RGB และ oklch(73.24% 0.09577 274.458) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #96a4e5 |
| RGB | rgb(150, 164, 229) |
| HSL | hsl(229.37, 60.31%, 74.31%) |
| HSB / HSV | hsv(229.37 34.5% 89.8%) |
| HWB | hwb(229.37 58.82% 10.2%) |
| CMYK | cmyk(34% 28% 0% 10%) |
| Lab | lab(68.13 6.52 -34.78) |
| LCH | lch(68.13 35.39 280.62) |
| OKLab | oklab(73.24% 0.00744 -0.09548) |
| OKLCH | oklch(73.24% 0.09577 274.458) |
| Display P3 | color(display-p3 0.59846 0.64141 0.87849) |
| Rec. 2020 | color(rec2020 0.58392 0.60461 0.86035) |
| Adobe RGB | color(a98-rgb 0.5989 0.63726 0.88614) |
| ProPhoto RGB | color(prophoto-rgb 0.59615 0.58104 0.83764) |
| sRGB เชิงเส้น | color(srgb-linear 0.30499 0.37124 0.78354) |
| XYZ D65 | color(xyz-d65 0.39994 0.38692 0.79492) |
| XYZ D50 | color(xyz-d50 0.38808 0.38149 0.59981) |
| SwiftUI | Color(red: 0.588, green: 0.643, blue: 0.898) |
| UIKit | UIColor(red: 0.588, green: 0.643, blue: 0.898, alpha: 1) |
| Flutter / Compose | Color(0xFF96A4E5) |
| Android XML | #96A4E5 |

## ข้อมูล

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

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

#96a4e5, #a0ade8, #aab6eb, #b4bfee, #bfc8f1, #c9d1f3, #d4daf6, #dee4f8, #e9edfb, #f4f6fd

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

#96a4e5, #828ec7, #6e79aa, #5b648e, #495072, #373d58, #262b3f, #161a28, #080a12, #010103

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

#96a4e5, #98a5df, #99a5d9, #9ba6d3, #9da6cd, #9fa7c7, #a1a7c1, #a3a8bb, #a4a8b5, #a6a8af

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

- คู่ตรงข้าม: #96a4e5, #bca85f
- คู่ตรงข้ามแยก: #96a4e5, #d39c66, #9bb36f
- ข้างเคียง: #96a4e5, #73afe1, #b699da
- สามเส้า: #96a4e5, #de9280, #76ba8d
- สี่เหลี่ยมผืนผ้า: #96a4e5, #ce92c1, #bca85f, #76ba8d
- สี่เหลี่ยมจัตุรัส: #96a4e5, #dc8fa1, #bca85f, #58bcb0
- โทนสีเดียว: #96a4e5, #515c97, #727fbd, #bbcaff, #eef4ff

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

### #96a4e5 คือสีอะไร

#96a4e5 เป็นโทนละมุน เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีคราม ใน RGB คือ rgb(150, 164, 229) ใน HSL คือ hsl(229.37, 60.31%, 74.31%) และใน OKLCH คือ oklch(73.24% 0.09577 274.458)

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

สีตรงข้ามของ #96a4e5 คือ #bca85f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #73afe1 และ #b699da ส่วนสีสามเส้าคือ #de9280 และ #76ba8d

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

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

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

#96a4e5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 274 องศา ความสว่าง 73.2% และความสด 0.096