# สี #b4bcf4: โทนละมุน เฉดอ่อนของสีคราม

#b4bcf4 คือ rgb(180, 188, 244) ใน RGB และ oklch(80.856% 0.0796 278.135) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b4bcf4 |
| RGB | rgb(180, 188, 244) |
| HSL | hsl(232.5, 74.42%, 83.14%) |
| HSB / HSV | hsv(232.5 26.23% 95.69%) |
| HWB | hwb(232.5 70.59% 4.31%) |
| CMYK | cmyk(26% 23% 0% 4%) |
| Lab | lab(77.1 6.26 -28.93) |
| LCH | lch(77.1 29.6 282.21) |
| OKLab | oklab(80.856% 0.01126 -0.0788) |
| OKLCH | oklch(80.856% 0.0796 278.135) |
| Display P3 | color(display-p3 0.71158 0.73624 0.93953) |
| Rec. 2020 | color(rec2020 0.69898 0.7085 0.92891) |
| Adobe RGB | color(a98-rgb 0.70918 0.73157 0.94748) |
| ProPhoto RGB | color(prophoto-rgb 0.70628 0.68764 0.91356) |
| sRGB เชิงเส้น | color(srgb-linear 0.45641 0.50289 0.90466) |
| XYZ D65 | color(xyz-d65 0.53132 0.52201 0.92867) |
| XYZ D50 | color(xyz-d50 0.52215 0.5169 0.70119) |
| SwiftUI | Color(red: 0.706, green: 0.737, blue: 0.957) |
| UIKit | UIColor(red: 0.706, green: 0.737, blue: 0.957, alpha: 1) |
| Flutter / Compose | Color(0xFFB4BCF4) |
| Android XML | #B4BCF4 |

## ข้อมูล

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

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

#b4bcf4, #bbc3f5, #c2c9f7, #cad0f8, #d1d7f9, #d9ddfa, #e0e4fb, #e8ebfc, #f0f2fd, #f7f8fe

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

#b4bcf4, #9ca3d4, #858bb5, #6e7397, #585d7a, #44475e, #303244, #1d1f2b, #0c0d14, #020203

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

#b4bcf4, #b5bdef, #b6bdea, #b8bee5, #b9bee0, #babfdb, #bbbfd5, #bcbfd0, #bec0cb, #bfc0c6

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

- คู่ตรงข้าม: #b4bcf4, #cec286
- คู่ตรงข้ามแยก: #b4bcf4, #e3b789, #b1cb94
- ข้างเคียง: #b4bcf4, #98c6f2, #cfb3e9
- สามเส้า: #b4bcf4, #eeaf9b, #95d1ad
- สี่เหลี่ยมผืนผ้า: #b4bcf4, #e3add2, #cec286, #95d1ad
- สี่เหลี่ยมจัตุรัส: #b4bcf4, #eeabb6, #cec286, #81d1ca
- โทนสีเดียว: #b4bcf4, #6c72a6, #8f96cc, #dee5ff, #eff3ff

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

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

#b4bcf4 เป็นโทนละมุน เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีคราม ใน RGB คือ rgb(180, 188, 244) ใน HSL คือ hsl(232.5, 74.42%, 83.14%) และใน OKLCH คือ oklch(80.856% 0.0796 278.135)

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

สีตรงข้ามของ #b4bcf4 คือ #cec286 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #98c6f2 และ #cfb3e9 ส่วนสีสามเส้าคือ #eeaf9b และ #95d1ad

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

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

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

#b4bcf4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 278 องศา ความสว่าง 80.9% และความสด 0.08