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

#bbbbf2 คือ rgb(187, 187, 242) ใน RGB และ oklch(81.106% 0.0772 284.549) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bbbbf2 |
| RGB | rgb(187, 187, 242) |
| HSL | hsl(240, 67.9%, 84.12%) |
| HSB / HSV | hsv(240 22.73% 94.9%) |
| HWB | hwb(240 73.33% 5.1%) |
| CMYK | cmyk(23% 23% 0% 5%) |
| Lab | lab(77.32 8.65 -27.46) |
| LCH | lch(77.32 28.79 287.48) |
| OKLab | oklab(81.106% 0.01939 -0.07472) |
| OKLCH | oklch(81.106% 0.0772 284.549) |
| Display P3 | color(display-p3 0.73333 0.73333 0.93234) |
| Rec. 2020 | color(rec2020 0.7154 0.70643 0.9209) |
| Adobe RGB | color(a98-rgb 0.72762 0.72762 0.93954) |
| ProPhoto RGB | color(prophoto-rgb 0.71876 0.68638 0.90487) |
| sRGB เชิงเส้น | color(srgb-linear 0.49693 0.49693 0.88792) |
| XYZ D65 | color(xyz-d65 0.54288 0.52516 0.91284) |
| XYZ D50 | color(xyz-d50 0.53513 0.52063 0.68923) |
| SwiftUI | Color(red: 0.733, green: 0.733, blue: 0.949) |
| UIKit | UIColor(red: 0.733, green: 0.733, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFFBBBBF2) |
| Android XML | #BBBBF2 |

## ข้อมูล

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

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

#bbbbf2, #c2c2f4, #c8c9f5, #cfcff7, #d5d6f8, #dcddf9, #e3e4fb, #eaebfc, #f1f1fd, #f8f8fe

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

#bbbbf2, #a2a2d2, #8a8ab4, #737396, #5c5c79, #46465e, #323243, #1f1f2b, #0d0d14, #020203

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

#bbbbf2, #bcbced, #bcbce8, #bdbde4, #bdbedf, #bebeda, #bebfd5, #bfc0d0, #c0c0cb, #c0c1c6

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

- คู่ตรงข้าม: #bbbbf2, #c9c48a
- คู่ตรงข้ามแยก: #bbbbf2, #dfbb89, #accd9a
- ข้างเคียง: #bbbbf2, #a0c4f3, #d4b3e4
- สามเส้า: #bbbbf2, #edb298, #92d2b4
- สี่เหลี่ยมผืนผ้า: #bbbbf2, #e6aecd, #c9c48a, #92d2b4
- สี่เหลี่ยมจัตุรัส: #bbbbf2, #efadb2, #c9c48a, #83d1d0
- โทนสีเดียว: #bbbbf2, #7271a4, #9695ca, #e3e4ff, #f2f2ff

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

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

#bbbbf2 เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(187, 187, 242) ใน HSL คือ hsl(240, 67.9%, 84.12%) และใน OKLCH คือ oklch(81.106% 0.0772 284.549)

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

สีตรงข้ามของ #bbbbf2 คือ #c9c48a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a0c4f3 และ #d4b3e4 ส่วนสีสามเส้าคือ #edb298 และ #92d2b4

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

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

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

#bbbbf2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 285 องศา ความสว่าง 81.1% และความสด 0.077