# สี #b2a8ba: โทนตุ่น เฉดอ่อนของสีม่วง

#b2a8ba คือ rgb(178, 168, 186) ใน RGB และ oklch(74.562% 0.02777 310.316) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b2a8ba |
| RGB | rgb(178, 168, 186) |
| HSL | hsl(273.33, 11.54%, 69.41%) |
| HSB / HSV | hsv(273.33 9.68% 72.94%) |
| HWB | hwb(273.33 65.88% 27.06%) |
| CMYK | cmyk(4% 10% 0% 27%) |
| Lab | lab(70.14 6.25 -7.91) |
| LCH | lch(70.14 10.09 308.32) |
| OKLab | oklab(74.562% 0.01797 -0.02118) |
| OKLCH | oklch(74.562% 0.02777 310.316) |
| Display P3 | color(display-p3 0.69129 0.66017 0.72407) |
| Rec. 2020 | color(rec2020 0.65226 0.6256 0.69191) |
| Adobe RGB | color(a98-rgb 0.68124 0.6529 0.72092) |
| ProPhoto RGB | color(prophoto-rgb 0.62888 0.60077 0.66402) |
| sRGB เชิงเส้น | color(srgb-linear 0.4452 0.39157 0.49102) |
| XYZ D65 | color(xyz-d65 0.41224 0.41016 0.52201) |
| XYZ D50 | color(xyz-d50 0.41521 0.40953 0.39485) |
| SwiftUI | Color(red: 0.698, green: 0.659, blue: 0.729) |
| UIKit | UIColor(red: 0.698, green: 0.659, blue: 0.729, alpha: 1) |
| Flutter / Compose | Color(0xFFB2A8BA) |
| Android XML | #B2A8BA |

## ข้อมูล

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

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

#b2a8ba, #b9b0c1, #c1b9c8, #c9c1ce, #d0cad5, #d8d3dc, #e0dbe3, #e7e4ea, #efedf1, #f7f6f8

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

#b2a8ba, #9a92a1, #837c89, #6d6772, #57525c, #433f46, #2f2c32, #1d1a1e, #0c0a0d, #010102

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

#b2a8ba, #b1a8b9, #b1a9b7, #b0a9b6, #b0aab5, #afaab3, #afabb2, #aeabb1, #aeacaf, #adacae

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

- คู่ตรงข้าม: #b2a8ba, #a7b09e
- คู่ตรงข้ามแยก: #b2a8ba, #b0ad9a, #9eb2a7
- ข้างเคียง: #b2a8ba, #a9abbe, #b9a6b2
- สามเส้า: #b2a8ba, #b8aa9a, #99b3b0
- สี่เหลี่ยมผืนผ้า: #b2a8ba, #bda6a8, #a7b09e, #99b3b0
- สี่เหลี่ยมจัตุรัส: #b2a8ba, #bda7a0, #a7b09e, #9ab1b9
- โทนสีเดียว: #b2a8ba, #6a6171, #8d8395, #d8cee1, #fbf0ff

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

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

#b2a8ba เป็นโทนตุ่น เฉดอ่อนของสีม่วง ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีม่วง ใน RGB คือ rgb(178, 168, 186) ใน HSL คือ hsl(273.33, 11.54%, 69.41%) และใน OKLCH คือ oklch(74.562% 0.02777 310.316)

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

สีตรงข้ามของ #b2a8ba คือ #a7b09e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a9abbe และ #b9a6b2 ส่วนสีสามเส้าคือ #b8aa9a และ #99b3b0

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

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

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

#b2a8ba เป็นสีโทนกลาง ใน OKLCH มีฮิว 310 องศา ความสว่าง 74.6% และความสด 0.028