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

#bbbaf5 คือ rgb(187, 186, 245) ใน RGB และ oklch(81.03% 0.08279 285.172) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bbbaf5 |
| RGB | rgb(187, 186, 245) |
| HSL | hsl(241.02, 74.68%, 84.51%) |
| HSB / HSV | hsv(241.02 24.08% 96.08%) |
| HWB | hwb(241.02 72.94% 3.92%) |
| CMYK | cmyk(24% 24% 0% 4%) |
| Lab | lab(77.16 9.69 -29.31) |
| LCH | lch(77.16 30.87 288.29) |
| OKLab | oklab(81.03% 0.02167 -0.0799) |
| OKLCH | oklch(81.03% 0.08279 285.172) |
| Display P3 | color(display-p3 0.73264 0.72954 0.94311) |
| Rec. 2020 | color(rec2020 0.71479 0.7027 0.93276) |
| Adobe RGB | color(a98-rgb 0.7265 0.72367 0.95116) |
| ProPhoto RGB | color(prophoto-rgb 0.71991 0.68303 0.91749) |
| sRGB เชิงเส้น | color(srgb-linear 0.49693 0.49102 0.9131) |
| XYZ D65 | color(xyz-d65 0.54531 0.52275 0.93606) |
| XYZ D50 | color(xyz-d50 0.53646 0.51792 0.70663) |
| SwiftUI | Color(red: 0.733, green: 0.729, blue: 0.961) |
| UIKit | UIColor(red: 0.733, green: 0.729, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFFBBBAF5) |
| Android XML | #BBBAF5 |

## ข้อมูล

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

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

#bbbaf5, #c2c1f6, #c8c8f8, #cfcff9, #d5d6fa, #dcdcfb, #e3e3fc, #eaeafd, #f1f1fe, #f8f8fe

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

#bbbaf5, #a2a1d5, #8a89b6, #737298, #5c5c7b, #46465f, #323244, #1f1e2b, #0d0d15, #020203

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

#bbbaf5, #bbbbf0, #bcbceb, #bdbce6, #bdbde1, #bebedb, #bebed6, #bfbfd1, #bfc0cc, #c0c0c6

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

- คู่ตรงข้าม: #bbbaf5, #c8c585
- คู่ตรงข้ามแยก: #bbbaf5, #e1ba84, #aace98
- ข้างเคียง: #bbbaf5, #9dc4f6, #d6b1e6
- สามเส้า: #bbbaf5, #efb195, #8dd2b4
- สี่เหลี่ยมผืนผ้า: #bbbaf5, #e9accd, #c8c585, #8dd2b4
- สี่เหลี่ยมจัตุรัส: #bbbaf5, #f2abb0, #c8c585, #7dd2d2
- โทนสีเดียว: #bbbaf5, #7270a7, #9694cd, #e3e3ff, #f2f2ff

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

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

#bbbaf5 เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(187, 186, 245) ใน HSL คือ hsl(241.02, 74.68%, 84.51%) และใน OKLCH คือ oklch(81.03% 0.08279 285.172)

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

สีตรงข้ามของ #bbbaf5 คือ #c8c585 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9dc4f6 และ #d6b1e6 ส่วนสีสามเส้าคือ #efb195 และ #8dd2b4

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

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

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

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