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

#baa5cb คือ rgb(186, 165, 203) ใน RGB และ oklch(75.252% 0.05831 309.829) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #baa5cb |
| RGB | rgb(186, 165, 203) |
| HSL | hsl(273.16, 26.76%, 72.16%) |
| HSB / HSV | hsv(273.16 18.72% 79.61%) |
| HWB | hwb(273.16 64.71% 20.39%) |
| CMYK | cmyk(8% 19% 0% 20%) |
| Lab | lab(70.54 13.23 -16.57) |
| LCH | lch(70.54 21.2 308.6) |
| OKLab | oklab(75.252% 0.03735 -0.04478) |
| OKLCH | oklch(75.252% 0.05831 309.829) |
| Display P3 | color(display-p3 0.71568 0.65001 0.78541) |
| Rec. 2020 | color(rec2020 0.67415 0.61756 0.75835) |
| Adobe RGB | color(a98-rgb 0.70135 0.64117 0.78554) |
| ProPhoto RGB | color(prophoto-rgb 0.65589 0.59585 0.73135) |
| sRGB เชิงเส้น | color(srgb-linear 0.49102 0.37626 0.5972) |
| XYZ D65 | color(xyz-d65 0.44482 0.41661 0.622) |
| XYZ D50 | color(xyz-d50 0.44448 0.41519 0.46983) |
| SwiftUI | Color(red: 0.729, green: 0.647, blue: 0.796) |
| UIKit | UIColor(red: 0.729, green: 0.647, blue: 0.796, alpha: 1) |
| Flutter / Compose | Color(0xFFBAA5CB) |
| Android XML | #BAA5CB |

## ข้อมูล

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

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

#baa5cb, #c1aed0, #c8b7d5, #cebfdb, #d5c8e0, #dcd1e5, #e3daea, #eae3ef, #f1edf5, #f8f6fa

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

#baa5cb, #a18fb0, #897996, #72657d, #5c5165, #463d4d, #322b37, #1e1a22, #0d0a0f, #020102

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

#baa5cb, #b9a6c8, #b8a7c5, #b7a8c3, #b5a9c0, #b4aabd, #b3abba, #b2acb7, #b1adb4, #b0aeb1

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

- คู่ตรงข้าม: #baa5cb, #a3b790
- คู่ตรงข้ามแยก: #baa5cb, #b7b086, #8fbba2
- ข้างเคียง: #baa5cb, #a7abd4, #c9a1bb
- สามเส้า: #baa5cb, #c7a987, #83bbb7
- สี่เหลี่ยมผืนผ้า: #baa5cb, #d1a0a6, #a3b790, #83bbb7
- สี่เหลี่ยมจัตุรัส: #baa5cb, #d0a393, #a3b790, #85b8c8
- โทนสีเดียว: #baa5cb, #715e80, #9580a5, #e1cbf2, #ffedff

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

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

#baa5cb เป็นโทนตุ่น เฉดอ่อนของสีม่วง ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีม่วง ใน RGB คือ rgb(186, 165, 203) ใน HSL คือ hsl(273.16, 26.76%, 72.16%) และใน OKLCH คือ oklch(75.252% 0.05831 309.829)

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

สีตรงข้ามของ #baa5cb คือ #a3b790 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a7abd4 และ #c9a1bb ส่วนสีสามเส้าคือ #c7a987 และ #83bbb7

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

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

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

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