# สี #b4bafe: โทนสด เฉดอ่อนของสีคราม

#b4bafe คือ rgb(180, 186, 254) ใน RGB และ oklch(80.875% 0.09614 280.106) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b4bafe |
| RGB | rgb(180, 186, 254) |
| HSL | hsl(235.14, 97.37%, 85.1%) |
| HSB / HSV | hsv(235.14 29.13% 99.61%) |
| HWB | hwb(235.14 70.59% 0.39%) |
| CMYK | cmyk(29% 27% 0% 0%) |
| Lab | lab(76.9 9.13 -34.58) |
| LCH | lch(76.9 35.76 284.79) |
| OKLab | oklab(80.875% 0.01687 -0.09465) |
| OKLCH | oklch(80.875% 0.09614 280.106) |
| Display P3 | color(display-p3 0.71013 0.72865 0.97577) |
| Rec. 2020 | color(rec2020 0.69886 0.7013 0.96896) |
| Adobe RGB | color(a98-rgb 0.70685 0.72367 0.98648) |
| ProPhoto RGB | color(prophoto-rgb 0.7123 0.68168 0.9566) |
| sRGB เชิงเส้น | color(srgb-linear 0.45641 0.49102 0.9911) |
| XYZ D65 | color(xyz-d65 0.54268 0.51976 1.00942) |
| XYZ D50 | color(xyz-d50 0.52995 0.51364 0.76177) |
| SwiftUI | Color(red: 0.706, green: 0.729, blue: 0.996) |
| UIKit | UIColor(red: 0.706, green: 0.729, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFFB4BAFE) |
| Android XML | #B4BAFE |

## ข้อมูล

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

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

#b4bafe, #bbc1ff, #c2c8ff, #cacfff, #d1d6ff, #d9ddff, #e0e4ff, #e8eaff, #eff1ff, #f7f8ff

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

#b4bafe, #9ca1dd, #8589bd, #6e729e, #585c80, #444663, #303247, #1d1e2d, #0c0d16, #020203

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

#b4bafe, #b5bbf8, #b6bcf2, #b7bcec, #b9bde6, #babee0, #bbbeda, #bcbfd3, #bebfcd, #bfc0c7

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

- คู่ตรงข้าม: #b4bafe, #cfc278
- คู่ตรงข้ามแยก: #b4bafe, #e9b67b, #accd8b
- ข้างเคียง: #b4bafe, #91c6fd, #d4afef
- สามเส้า: #b4bafe, #f7ac91, #87d4ab
- สี่เหลี่ยมผืนผ้า: #b4bafe, #eba8d4, #cfc278, #87d4ab
- สี่เหลี่ยมจัตุรัส: #b4bafe, #f7a7b2, #cfc278, #6fd5ce
- โทนสีเดียว: #b4bafe, #6c70af, #8f94d6, #dfe4ff, #f0f3ff

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

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

#b4bafe เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(180, 186, 254) ใน HSL คือ hsl(235.14, 97.37%, 85.1%) และใน OKLCH คือ oklch(80.875% 0.09614 280.106)

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

สีตรงข้ามของ #b4bafe คือ #cfc278 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #91c6fd และ #d4afef ส่วนสีสามเส้าคือ #f7ac91 และ #87d4ab

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

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

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

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