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

#abade4 คือ rgb(171, 173, 228) ใน RGB และ oklch(76.555% 0.07849 282.753) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #abade4 |
| RGB | rgb(171, 173, 228) |
| HSL | hsl(237.89, 51.35%, 78.24%) |
| HSB / HSV | hsv(237.89 25% 89.41%) |
| HWB | hwb(237.89 67.06% 10.59%) |
| CMYK | cmyk(25% 24% 0% 11%) |
| Lab | lab(72.04 8.2 -28.08) |
| LCH | lch(72.04 29.25 286.28) |
| OKLab | oklab(76.555% 0.01733 -0.07655) |
| OKLCH | oklch(76.555% 0.07849 282.753) |
| Display P3 | color(display-p3 0.67199 0.67817 0.8775) |
| Rec. 2020 | color(rec2020 0.65004 0.64568 0.85969) |
| Adobe RGB | color(a98-rgb 0.6669 0.6725 0.88326) |
| ProPhoto RGB | color(prophoto-rgb 0.65161 0.62321 0.83799) |
| sRGB เชิงเส้น | color(srgb-linear 0.40724 0.41789 0.77582) |
| XYZ D65 | color(xyz-d65 0.45739 0.44146 0.79513) |
| XYZ D50 | color(xyz-d50 0.44954 0.43721 0.60025) |
| SwiftUI | Color(red: 0.671, green: 0.678, blue: 0.894) |
| UIKit | UIColor(red: 0.671, green: 0.678, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFFABADE4) |
| Android XML | #ABADE4 |

## ข้อมูล

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

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

#abade4, #b3b5e7, #bbbdea, #c3c5ed, #cccef0, #d4d6f2, #dcdef5, #e5e6f8, #eeeefa, #f6f7fd

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

#abade4, #9496c6, #7e7fa9, #686a8d, #545572, #404158, #2d2d3f, #1b1b28, #0b0b12, #010103

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

#abade4, #acaedf, #acaeda, #adafd6, #aeb0d1, #afb0cc, #afb1c7, #b0b1c2, #b1b2bd, #b2b2b8

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

- คู่ตรงข้าม: #abade4, #bcb57a
- คู่ตรงข้ามแยก: #abade4, #d2ab7b, #a0be8a
- ข้างเคียง: #abade4, #8fb6e4, #c4a5d7
- สามเส้า: #abade4, #dea38b, #84c3a4
- สี่เหลี่ยมผืนผ้า: #abade4, #d79fc0, #bcb57a, #84c3a4
- สี่เหลี่ยมจัตุรัส: #abade4, #e09fa5, #bcb57a, #74c3c0
- โทนสีเดียว: #abade4, #646597, #8788bd, #d1d3ff, #f1f3ff

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

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

#abade4 เป็นโทนตุ่น เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีคราม ใน RGB คือ rgb(171, 173, 228) ใน HSL คือ hsl(237.89, 51.35%, 78.24%) และใน OKLCH คือ oklch(76.555% 0.07849 282.753)

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

สีตรงข้ามของ #abade4 คือ #bcb57a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8fb6e4 และ #c4a5d7 ส่วนสีสามเส้าคือ #dea38b และ #84c3a4

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

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

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

#abade4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 283 องศา ความสว่าง 76.6% และความสด 0.078