# สี #baaaa5: เฉดอ่อนของสีเทา

#baaaa5 คือ rgb(186, 170, 165) ใน RGB และ oklch(75.019% 0.01995 38.128) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #baaaa5 |
| RGB | rgb(186, 170, 165) |
| HSL | hsl(14.29, 13.21%, 68.82%) |
| HSB / HSV | hsv(14.29 11.29% 72.94%) |
| HWB | hwb(14.29 64.71% 27.06%) |
| CMYK | cmyk(0% 9% 11% 27%) |
| Lab | lab(70.89 5.33 4.79) |
| LCH | lch(70.89 7.16 41.92) |
| OKLab | oklab(75.019% 0.01569 0.01232) |
| OKLCH | oklch(75.019% 0.01995 38.128) |
| Display P3 | color(display-p3 0.71879 0.66887 0.65002) |
| Rec. 2020 | color(rec2020 0.67332 0.63494 0.61229) |
| Adobe RGB | color(a98-rgb 0.70643 0.66074 0.64199) |
| ProPhoto RGB | color(prophoto-rgb 0.63813 0.60938 0.58522) |
| sRGB เชิงเส้น | color(srgb-linear 0.49102 0.40198 0.37626) |
| XYZ D65 | color(xyz-d65 0.41414 0.41906 0.41505) |
| XYZ D50 | color(xyz-d50 0.42277 0.42023 0.31455) |
| SwiftUI | Color(red: 0.729, green: 0.667, blue: 0.647) |
| UIKit | UIColor(red: 0.729, green: 0.667, blue: 0.647, alpha: 1) |
| Flutter / Compose | Color(0xFFBAAAA5) |
| Android XML | #BAAAA5 |

## ข้อมูล

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

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

#baaaa5, #c1b2ae, #c8bbb6, #cec3bf, #d5cbc8, #dcd4d1, #e3dcda, #eae5e3, #f1eeec, #f8f6f6

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

#baaaa5, #a1938f, #897d79, #726865, #5c5351, #463f3d, #322d2b, #1e1b1a, #0d0b0a, #020101

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

#baaaa5, #b9aaa6, #b8aba7, #b6aba8, #b5aca9, #b4aca9, #b3acaa, #b2adab, #b0adac, #afadad

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

- คู่ตรงข้าม: #baaaa5, #a1b1b6
- คู่ตรงข้ามแยก: #baaaa5, #a1b2b0, #a5afba
- ข้างเคียง: #baaaa5, #baa9ab, #b7aca1
- สามเส้า: #baaaa5, #a4b2a9, #abadbb
- สี่เหลี่ยมผืนผ้า: #baaaa5, #b1aea0, #a1b1b6, #abadbb
- สี่เหลี่ยมจัตุรัส: #baaaa5, #aab1a3, #a1b1b6, #b1abb8
- โทนสีเดียว: #baaaa5, #71625e, #958581, #e1d0cb, #fff1ec

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

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

#baaaa5 เป็นเฉดอ่อนของสีเทา ชื่อสีที่ใกล้ที่สุดคือ เฉดอ่อนของสีเทา ใน RGB คือ rgb(186, 170, 165) ใน HSL คือ hsl(14.29, 13.21%, 68.82%) และใน OKLCH คือ oklch(75.019% 0.01995 38.128)

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

สีตรงข้ามของ #baaaa5 คือ #a1b1b6 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #baa9ab และ #b7aca1 ส่วนสีสามเส้าคือ #a4b2a9 และ #abadbb

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

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

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

#baaaa5 เป็นสีโทนกลาง ใน OKLCH มีฮิว 38 องศา ความสว่าง 75% และความสด 0.02