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

#a4add2 คือ rgb(164, 173, 210) ใน RGB และ oklch(75.313% 0.05418 274.316) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a4add2 |
| RGB | rgb(164, 173, 210) |
| HSL | hsl(228.26, 33.82%, 73.33%) |
| HSB / HSV | hsv(228.26 21.9% 82.35%) |
| HWB | hwb(228.26 64.31% 17.65%) |
| CMYK | cmyk(22% 18% 0% 18%) |
| Lab | lab(70.96 2.7 -19.99) |
| LCH | lch(70.96 20.17 277.69) |
| OKLab | oklab(75.313% 0.00408 -0.05403) |
| OKLCH | oklch(75.313% 0.05418 274.316) |
| Display P3 | color(display-p3 0.64958 0.6773 0.81144) |
| Rec. 2020 | color(rec2020 0.62727 0.6425 0.78727) |
| Adobe RGB | color(a98-rgb 0.64753 0.6725 0.81352) |
| ProPhoto RGB | color(prophoto-rgb 0.62169 0.61732 0.76209) |
| sRGB เชิงเส้น | color(srgb-linear 0.37124 0.41789 0.64448) |
| XYZ D65 | color(xyz-d65 0.41884 0.42432 0.66958) |
| XYZ D50 | color(xyz-d50 0.41504 0.42124 0.50596) |
| SwiftUI | Color(red: 0.643, green: 0.678, blue: 0.824) |
| UIKit | UIColor(red: 0.643, green: 0.678, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFFA4ADD2) |
| Android XML | #A4ADD2 |

## ข้อมูล

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

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

#a4add2, #adb5d7, #b6bddb, #bec5e0, #c7cde4, #d1d5e9, #dadeed, #e3e6f2, #eceef6, #f6f7fb

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

#a4add2, #8e96b6, #797f9b, #646a81, #505568, #3d4150, #2b2d39, #1a1b24, #0a0b10, #010102

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

#a4add2, #a5adcf, #a6adcb, #a7aec8, #a8aec4, #a9aec1, #aaaebd, #abaeba, #adaeb6, #aeafb2

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

- คู่ตรงข้าม: #a4add2, #baaf88
- คู่ตรงข้ามแยก: #a4add2, #c8a88c, #a7b590
- ข้างเคียง: #a4add2, #92b3cf, #b6a7cb
- สามเส้า: #a4add2, #cfa398, #95baa0
- สี่เหลี่ยมผืนผ้า: #a4add2, #c5a3bd, #baaf88, #95baa0
- สี่เหลี่ยมจัตุรัส: #a4add2, #cea1ab, #baaf88, #88bbb3
- โทนสีเดียว: #a4add2, #5d6586, #8088ac, #cad3fa, #eef4ff

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

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

#a4add2 เป็นโทนตุ่น เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีคราม ใน RGB คือ rgb(164, 173, 210) ใน HSL คือ hsl(228.26, 33.82%, 73.33%) และใน OKLCH คือ oklch(75.313% 0.05418 274.316)

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

สีตรงข้ามของ #a4add2 คือ #baaf88 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #92b3cf และ #b6a7cb ส่วนสีสามเส้าคือ #cfa398 และ #95baa0

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

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

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

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