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

#bbbfdb คือ rgb(187, 191, 219) ใน RGB และ oklch(81.048% 0.03957 279.044) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bbbfdb |
| RGB | rgb(187, 191, 219) |
| HSL | hsl(232.5, 30.77%, 79.61%) |
| HSB / HSV | hsv(232.5 14.61% 85.88%) |
| HWB | hwb(232.5 73.33% 14.12%) |
| CMYK | cmyk(15% 13% 0% 14%) |
| Lab | lab(77.7 2.77 -14.56) |
| LCH | lch(77.7 14.82 280.77) |
| OKLab | oklab(81.048% 0.00622 -0.03907) |
| OKLCH | oklch(81.048% 0.03957 279.044) |
| Display P3 | color(display-p3 0.73615 0.74851 0.84952) |
| Rec. 2020 | color(rec2020 0.71551 0.7208 0.82999) |
| Adobe RGB | color(a98-rgb 0.73217 0.74343 0.85065) |
| ProPhoto RGB | color(prophoto-rgb 0.70616 0.69828 0.80896) |
| sRGB เชิงเส้น | color(srgb-linear 0.49693 0.521 0.70838) |
| XYZ D65 | color(xyz-d65 0.51908 0.52941 0.74504) |
| XYZ D50 | color(xyz-d50 0.51871 0.527 0.56335) |
| SwiftUI | Color(red: 0.733, green: 0.749, blue: 0.859) |
| UIKit | UIColor(red: 0.733, green: 0.749, blue: 0.859, alpha: 1) |
| Flutter / Compose | Color(0xFFBBBFDB) |
| Android XML | #BBBFDB |

## ข้อมูล

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

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

#bbbfdb, #c2c5df, #c8cce2, #cfd2e6, #d6d8ea, #dcdfed, #e3e5f1, #eaecf4, #f1f2f8, #f8f8fb

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

#bbbfdb, #a2a6be, #8a8da2, #737587, #5c5e6d, #464854, #32333c, #1f1f26, #0d0d11, #020202

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

#bbbfdb, #bcbfd8, #bcbfd6, #bdc0d3, #bdc0d1, #bec0ce, #bec0cb, #bfc0c9, #c0c1c6, #c0c1c4

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

- คู่ตรงข้าม: #bbbfdb, #c7c2a5
- คู่ตรงข้ามแยก: #bbbfdb, #d2bda6, #b9c7ac
- ข้างเคียง: #bbbfdb, #aec4da, #c8bbd5
- สามเส้า: #bbbfdb, #d9b9af, #acc9b8
- สี่เหลี่ยมผืนผ้า: #bbbfdb, #d3b8ca, #c7c2a5, #acc9b8
- สี่เหลี่ยมจัตุรัส: #bbbfdb, #d9b7bc, #c7c2a5, #a5cac6
- โทนสีเดียว: #bbbfdb, #72768f, #9699b4, #e2e6ff, #eff3ff

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

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

#bbbfdb เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(187, 191, 219) ใน HSL คือ hsl(232.5, 30.77%, 79.61%) และใน OKLCH คือ oklch(81.048% 0.03957 279.044)

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

สีตรงข้ามของ #bbbfdb คือ #c7c2a5 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #aec4da และ #c8bbd5 ส่วนสีสามเส้าคือ #d9b9af และ #acc9b8

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

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

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

#bbbfdb เป็นสีโทนเย็น ใน OKLCH มีฮิว 279 องศา ความสว่าง 81% และความสด 0.04