# สี #b5abcb: โทนตุ่น เฉดอ่อนของสีม่วงไวโอเล็ต

#b5abcb คือ rgb(181, 171, 203) ใน RGB และ oklch(76% 0.04648 299.567) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b5abcb |
| RGB | rgb(181, 171, 203) |
| HSL | hsl(258.75, 23.53%, 73.33%) |
| HSB / HSV | hsv(258.75 15.76% 79.61%) |
| HWB | hwb(258.75 67.06% 20.39%) |
| CMYK | cmyk(11% 16% 0% 20%) |
| Lab | lab(71.62 8.36 -15.01) |
| LCH | lch(71.62 17.18 299.13) |
| OKLab | oklab(76% 0.02293 -0.04042) |
| OKLCH | oklch(76% 0.04648 299.567) |
| Display P3 | color(display-p3 0.70305 0.67194 0.78647) |
| Rec. 2020 | color(rec2020 0.66807 0.63926 0.75986) |
| Adobe RGB | color(a98-rgb 0.69303 0.66466 0.78632) |
| ProPhoto RGB | color(prophoto-rgb 0.65192 0.61593 0.7336) |
| sRGB เชิงเส้น | color(srgb-linear 0.46208 0.40724 0.5972) |
| XYZ D65 | color(xyz-d65 0.44396 0.43261 0.62513) |
| XYZ D50 | color(xyz-d50 0.44379 0.43096 0.47243) |
| SwiftUI | Color(red: 0.71, green: 0.671, blue: 0.796) |
| UIKit | UIColor(red: 0.71, green: 0.671, blue: 0.796, alpha: 1) |
| Flutter / Compose | Color(0xFFB5ABCB) |
| Android XML | #B5ABCB |

## ข้อมูล

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

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

#b5abcb, #bcb3d0, #c3bbd5, #cbc4db, #d2cce0, #d9d4e5, #e1ddea, #e8e5ef, #f0eef5, #f7f6fa

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

#b5abcb, #9d94b0, #867e96, #6f687d, #595465, #44404d, #302d37, #1d1b22, #0c0b0f, #020102

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

#b5abcb, #b5acc8, #b4acc6, #b4adc3, #b3adc1, #b3aebe, #b2afbb, #b2afb9, #b2b0b6, #b1b0b4

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

- คู่ตรงข้าม: #b5abcb, #adb695
- คู่ตรงข้ามแยก: #b5abcb, #bdb090, #9dbaa2
- ข้างเคียง: #b5abcb, #a5b0d0, #c3a7c0
- สามเส้า: #b5abcb, #c8ab94, #92bbb2
- สี่เหลี่ยมผืนผ้า: #b5abcb, #cba5b0, #adb695, #92bbb2
- สี่เหลี่ยมจัตุรัส: #b5abcb, #cda7a0, #adb695, #8fbac1
- โทนสีเดียว: #b5abcb, #6d6380, #9086a5, #dcd1f2, #f9f0ff

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

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

#b5abcb เป็นโทนตุ่น เฉดอ่อนของสีม่วงไวโอเล็ต ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีม่วงไวโอเล็ต ใน RGB คือ rgb(181, 171, 203) ใน HSL คือ hsl(258.75, 23.53%, 73.33%) และใน OKLCH คือ oklch(76% 0.04648 299.567)

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

สีตรงข้ามของ #b5abcb คือ #adb695 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a5b0d0 และ #c3a7c0 ส่วนสีสามเส้าคือ #c8ab94 และ #92bbb2

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

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

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

#b5abcb เป็นสีโทนเย็น ใน OKLCH มีฮิว 300 องศา ความสว่าง 76% และความสด 0.046