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

#a1a5bc คือ rgb(161, 165, 188) ใน RGB และ oklch(72.624% 0.03351 277.719) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a1a5bc |
| RGB | rgb(161, 165, 188) |
| HSL | hsl(231.11, 16.77%, 68.43%) |
| HSB / HSV | hsv(231.11 14.36% 73.73%) |
| HWB | hwb(231.11 63.14% 26.27%) |
| CMYK | cmyk(14% 12% 0% 26%) |
| Lab | lab(67.99 2.07 -12.39) |
| LCH | lch(67.99 12.56 279.49) |
| OKLab | oklab(72.624% 0.0045 -0.03321) |
| OKLCH | oklch(72.624% 0.03351 277.719) |
| Display P3 | color(display-p3 0.63419 0.64655 0.72954) |
| Rec. 2020 | color(rec2020 0.60285 0.60884 0.69767) |
| Adobe RGB | color(a98-rgb 0.63005 0.64117 0.72811) |
| ProPhoto RGB | color(prophoto-rgb 0.5872 0.58236 0.66937) |
| sRGB เชิงเส้น | color(srgb-linear 0.3564 0.37626 0.50289) |
| XYZ D65 | color(xyz-d65 0.37228 0.38118 0.52975) |
| XYZ D50 | color(xyz-d50 0.37228 0.37952 0.4006) |
| SwiftUI | Color(red: 0.631, green: 0.647, blue: 0.737) |
| UIKit | UIColor(red: 0.631, green: 0.647, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFFA1A5BC) |
| Android XML | #A1A5BC |

## ข้อมูล

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

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

#a1a5bc, #aaaec3, #b3b6c9, #bcbfd0, #c6c8d7, #cfd1dd, #d8dae4, #e2e3eb, #ececf1, #f5f6f8

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

#a1a5bc, #8b8fa3, #76798b, #626573, #4e515d, #3c3d47, #2a2b32, #191a1f, #090a0d, #010102

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

#a1a5bc, #a2a5ba, #a2a5b8, #a3a5b6, #a3a6b3, #a4a6b1, #a4a6af, #a5a6ad, #a5a6ab, #a6a6a9

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

- คู่ตรงข้าม: #a1a5bc, #aca78f
- คู่ตรงข้ามแยก: #a1a5bc, #b5a391, #a0ab95
- ข้างเคียง: #a1a5bc, #96a9bb, #aca1b7
- สามเส้า: #a1a5bc, #baa098, #96ad9e
- สี่เหลี่ยมผืนผ้า: #a1a5bc, #b59fae, #aca78f, #96ad9e
- สี่เหลี่ยมจัตุรัส: #a1a5bc, #ba9ea2, #aca78f, #90aeaa
- โทนสีเดียว: #a1a5bc, #5a5e73, #7d8197, #c7cbe3, #eef2ff

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

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

#a1a5bc เป็นโทนตุ่น เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีคราม ใน RGB คือ rgb(161, 165, 188) ใน HSL คือ hsl(231.11, 16.77%, 68.43%) และใน OKLCH คือ oklch(72.624% 0.03351 277.719)

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

สีตรงข้ามของ #a1a5bc คือ #aca78f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #96a9bb และ #aca1b7 ส่วนสีสามเส้าคือ #baa098 และ #96ad9e

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

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

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

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