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

#bbc1da คือ rgb(187, 193, 218) ใน RGB และ oklch(81.418% 0.03573 274.882) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bbc1da |
| RGB | rgb(187, 193, 218) |
| HSL | hsl(228.39, 29.52%, 79.41%) |
| HSB / HSV | hsv(228.39 14.22% 85.49%) |
| HWB | hwb(228.39 73.33% 14.51%) |
| CMYK | cmyk(14% 11% 0% 15%) |
| Lab | lab(78.19 1.61 -13.3) |
| LCH | lch(78.19 13.39 276.89) |
| OKLab | oklab(81.418% 0.00304 -0.0356) |
| OKLCH | oklch(81.418% 0.03573 274.882) |
| Display P3 | color(display-p3 0.73758 0.7561 0.84639) |
| Rec. 2020 | color(rec2020 0.71816 0.72869 0.82668) |
| Adobe RGB | color(a98-rgb 0.73447 0.75135 0.84707) |
| ProPhoto RGB | color(prophoto-rgb 0.70838 0.70604 0.80576) |
| sRGB เชิงเส้น | color(srgb-linear 0.49693 0.53328 0.7011) |
| XYZ D65 | color(xyz-d65 0.52216 0.53766 0.73959) |
| XYZ D50 | color(xyz-d50 0.5224 0.53536 0.55935) |
| SwiftUI | Color(red: 0.733, green: 0.757, blue: 0.855) |
| UIKit | UIColor(red: 0.733, green: 0.757, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFFBBC1DA) |
| Android XML | #BBC1DA |

## ข้อมูล

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

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

#bbc1da, #c2c7de, #c8cde1, #cfd3e5, #d6d9e9, #dce0ed, #e3e6f0, #eaecf4, #f1f2f8, #f8f9fb

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

#bbc1da, #a2a7bd, #8a8fa2, #737787, #5c5f6c, #464954, #32343c, #1f2025, #0d0e11, #020202

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

#bbc1da, #bcc1d8, #bcc1d5, #bdc1d3, #bec1d1, #bec2ce, #bfc2cc, #c0c2c9, #c1c2c7, #c1c2c4

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

- คู่ตรงข้าม: #bbc1da, #c9c2a9
- คู่ตรงข้ามแยก: #bbc1da, #d3beab, #bdc7ae
- ข้างเคียง: #bbc1da, #b0c5d8, #c7bdd5
- สามเส้า: #bbc1da, #d8bbb3, #b1cab8
- สี่เหลี่ยมผืนผ้า: #bbc1da, #d2bacc, #c9c2a9, #b1cab8
- สี่เหลี่ยมจัตุรัส: #bbc1da, #d8b9bf, #c9c2a9, #a9cac5
- โทนสีเดียว: #bbc1da, #72778e, #969bb3, #e2e8ff, #eef4ff

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

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

#bbc1da เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(187, 193, 218) ใน HSL คือ hsl(228.39, 29.52%, 79.41%) และใน OKLCH คือ oklch(81.418% 0.03573 274.882)

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

สีตรงข้ามของ #bbc1da คือ #c9c2a9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b0c5d8 และ #c7bdd5 ส่วนสีสามเส้าคือ #d8bbb3 และ #b1cab8

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

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

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

#bbc1da เป็นสีโทนเย็น ใน OKLCH มีฮิว 275 องศา ความสว่าง 81.4% และความสด 0.036