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

#b8bcd5 คือ rgb(184, 188, 213) ใน RGB และ oklch(80.004% 0.03548 278.362) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b8bcd5 |
| RGB | rgb(184, 188, 213) |
| HSL | hsl(231.72, 25.66%, 77.84%) |
| HSB / HSV | hsv(231.72 13.62% 83.53%) |
| HWB | hwb(231.72 72.16% 16.47%) |
| CMYK | cmyk(14% 12% 0% 16%) |
| Lab | lab(76.53 2.3 -13.11) |
| LCH | lch(76.53 13.31 279.97) |
| OKLab | oklab(80.004% 0.00516 -0.03511) |
| OKLCH | oklch(80.004% 0.03548 278.362) |
| Display P3 | color(display-p3 0.72439 0.73674 0.82691) |
| Rec. 2020 | color(rec2020 0.70191 0.70768 0.80505) |
| Adobe RGB | color(a98-rgb 0.72032 0.73157 0.8271) |
| ProPhoto RGB | color(prophoto-rgb 0.69036 0.68428 0.78253) |
| sRGB เชิงเส้น | color(srgb-linear 0.47932 0.50289 0.66539) |
| XYZ D65 | color(xyz-d65 0.49758 0.50961 0.70168) |
| XYZ D50 | color(xyz-d50 0.49791 0.50749 0.53065) |
| SwiftUI | Color(red: 0.722, green: 0.737, blue: 0.835) |
| UIKit | UIColor(red: 0.722, green: 0.737, blue: 0.835, alpha: 1) |
| Flutter / Compose | Color(0xFFB8BCD5) |
| Android XML | #B8BCD5 |

## ข้อมูล

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

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

#b8bcd5, #bfc3d9, #c6c9dd, #cdd0e2, #d4d6e6, #dbddea, #e2e4ee, #e9ebf2, #f0f1f7, #f8f8fb

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

#b8bcd5, #a0a3b9, #888b9e, #717383, #5b5d6a, #454751, #31323a, #1e1f24, #0c0d10, #020202

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

#b8bcd5, #b9bcd3, #b9bcd0, #babdce, #babdcc, #bbbdc9, #bbbdc7, #bcbdc5, #bcbdc2, #bdbdc0

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

- คู่ตรงข้าม: #b8bcd5, #c3bea5
- คู่ตรงข้ามแยก: #b8bcd5, #cdbaa6, #b7c3ab
- ข้างเคียง: #b8bcd5, #adc0d4, #c4b8d0
- สามเส้า: #b8bcd5, #d3b7ad, #acc5b5
- สี่เหลี่ยมผืนผ้า: #b8bcd5, #ceb5c6, #c3bea5, #acc5b5
- สี่เหลี่ยมจัตุรัส: #b8bcd5, #d3b5b9, #c3bea5, #a5c6c2
- โทนสีเดียว: #b8bcd5, #6f738a, #9397af, #dfe3fd, #eff3ff

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

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

#b8bcd5 เป็นโทนหม่น เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดอ่อนของสีคราม ใน RGB คือ rgb(184, 188, 213) ใน HSL คือ hsl(231.72, 25.66%, 77.84%) และใน OKLCH คือ oklch(80.004% 0.03548 278.362)

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

สีตรงข้ามของ #b8bcd5 คือ #c3bea5 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #adc0d4 และ #c4b8d0 ส่วนสีสามเส้าคือ #d3b7ad และ #acc5b5

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

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

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

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