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

#aeb4da คือ rgb(174, 180, 218) ใน RGB และ oklch(77.797% 0.05451 278.009) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #aeb4da |
| RGB | rgb(174, 180, 218) |
| HSL | hsl(231.82, 37.29%, 76.86%) |
| HSB / HSV | hsv(231.82 20.18% 85.49%) |
| HWB | hwb(231.82 68.24% 14.51%) |
| CMYK | cmyk(20% 17% 0% 15%) |
| Lab | lab(73.8 3.82 -19.98) |
| LCH | lch(73.8 20.34 280.82) |
| OKLab | oklab(77.797% 0.00759 -0.05398) |
| OKLCH | oklch(77.797% 0.05451 278.009) |
| Display P3 | color(display-p3 0.68661 0.70512 0.84264) |
| Rec. 2020 | color(rec2020 0.66526 0.67345 0.8218) |
| Adobe RGB | color(a98-rgb 0.68324 0.70001 0.84531) |
| ProPhoto RGB | color(prophoto-rgb 0.65994 0.64963 0.79895) |
| sRGB เชิงเส้น | color(srgb-linear 0.42327 0.45641 0.7011) |
| XYZ D65 | color(xyz-d65 0.46429 0.46703 0.729) |
| XYZ D50 | color(xyz-d50 0.46067 0.46387 0.55086) |
| SwiftUI | Color(red: 0.682, green: 0.706, blue: 0.855) |
| UIKit | UIColor(red: 0.682, green: 0.706, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFFAEB4DA) |
| Android XML | #AEB4DA |

## ข้อมูล

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

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

#aeb4da, #b6bbde, #bec3e2, #c6cae5, #ced2e9, #d6d9ed, #dee1f1, #e6e8f4, #eef0f8, #f7f7fb

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

#aeb4da, #979cbd, #8085a2, #6a6e87, #55586c, #414454, #2e303c, #1c1d25, #0b0c11, #010202

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

#aeb4da, #afb4d7, #b0b5d3, #b0b5d0, #b1b5cc, #b2b5c9, #b3b6c5, #b4b6c1, #b5b6be, #b6b6ba

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

- คู่ตรงข้าม: #aeb4da, #c0b890
- คู่ตรงข้ามแยก: #aeb4da, #cfb192, #adbe99
- ข้างเคียง: #aeb4da, #9cbad9, #c0aed2
- สามเส้า: #aeb4da, #d7ab9e, #9ac2aa
- สี่เหลี่ยมผืนผ้า: #aeb4da, #cfaac3, #c0b890, #9ac2aa
- สี่เหลี่ยมจัตุรัส: #aeb4da, #d7a9b0, #c0b890, #8fc3bd
- โทนสีเดียว: #aeb4da, #666b8e, #898fb3, #d4dbff, #eff3ff

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

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

#aeb4da เป็นโทนตุ่น เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีคราม ใน RGB คือ rgb(174, 180, 218) ใน HSL คือ hsl(231.82, 37.29%, 76.86%) และใน OKLCH คือ oklch(77.797% 0.05451 278.009)

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

สีตรงข้ามของ #aeb4da คือ #c0b890 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9cbad9 และ #c0aed2 ส่วนสีสามเส้าคือ #d7ab9e และ #9ac2aa

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

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

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

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