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

#baa2d4 คือ rgb(186, 162, 212) ใน RGB และ oklch(75.016% 0.07515 306.469) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #baa2d4 |
| RGB | rgb(186, 162, 212) |
| HSL | hsl(268.8, 36.76%, 73.33%) |
| HSB / HSV | hsv(268.8 23.58% 83.14%) |
| HWB | hwb(268.8 63.53% 16.86%) |
| CMYK | cmyk(12% 24% 0% 17%) |
| Lab | lab(70.05 16.2 -22.24) |
| LCH | lch(70.05 27.51 306.08) |
| OKLab | oklab(75.016% 0.04467 -0.06043) |
| OKLCH | oklch(75.016% 0.07515 306.469) |
| Display P3 | color(display-p3 0.71387 0.63871 0.81755) |
| Rec. 2020 | color(rec2020 0.67242 0.60657 0.79331) |
| Adobe RGB | color(a98-rgb 0.69838 0.62945 0.81989) |
| ProPhoto RGB | color(prophoto-rgb 0.65874 0.58625 0.76718) |
| sRGB เชิงเส้น | color(srgb-linear 0.49102 0.36131 0.65837) |
| XYZ D65 | color(xyz-d65 0.45051 0.41034 0.67836) |
| XYZ D50 | color(xyz-d50 0.44747 0.40818 0.51206) |
| SwiftUI | Color(red: 0.729, green: 0.635, blue: 0.831) |
| UIKit | UIColor(red: 0.729, green: 0.635, blue: 0.831, alpha: 1) |
| Flutter / Compose | Color(0xFFBAA2D4) |
| Android XML | #BAA2D4 |

## ข้อมูล

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

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

#baa2d4, #c1abd8, #c7b4dd, #cebde1, #d5c7e6, #dcd0ea, #e3d9ee, #eae3f2, #f1ecf7, #f8f5fb

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

#baa2d4, #a18cb8, #89779d, #726383, #5c4f69, #463c51, #322a3a, #1e1924, #0d0a10, #020102

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

#baa2d4, #b9a3d0, #b8a5cd, #b6a6c9, #b5a7c5, #b4a8c1, #b3a9bd, #b1abba, #b0acb6, #afadb2

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

- คู่ตรงข้าม: #baa2d4, #a2b783
- คู่ตรงข้ามแยก: #baa2d4, #bcae77, #87bd9b
- ข้างเคียง: #baa2d4, #a1aade, #cd9cc0
- สามเส้า: #baa2d4, #cfa57b, #74beb5
- สี่เหลี่ยมผืนผ้า: #baa2d4, #d89aa6, #a2b783, #74beb5
- สี่เหลี่ยมจัตุรัส: #baa2d4, #d99e8d, #a2b783, #74bacd
- โทนสีเดียว: #baa2d4, #715b88, #957dad, #e1c8fc, #fdeeff

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

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

#baa2d4 เป็นโทนตุ่น เฉดอ่อนของสีม่วง ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีม่วง ใน RGB คือ rgb(186, 162, 212) ใน HSL คือ hsl(268.8, 36.76%, 73.33%) และใน OKLCH คือ oklch(75.016% 0.07515 306.469)

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

สีตรงข้ามของ #baa2d4 คือ #a2b783 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a1aade และ #cd9cc0 ส่วนสีสามเส้าคือ #cfa57b และ #74beb5

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

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

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

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