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

#babbf6 คือ rgb(186, 187, 246) ใน RGB และ oklch(81.189% 0.08287 283.637) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #babbf6 |
| RGB | rgb(186, 187, 246) |
| HSL | hsl(239, 76.92%, 84.71%) |
| HSB / HSV | hsv(239 24.39% 96.47%) |
| HWB | hwb(239 72.94% 3.53%) |
| CMYK | cmyk(24% 24% 0% 4%) |
| Lab | lab(77.36 9.03 -29.54) |
| LCH | lch(77.36 30.9 287) |
| OKLab | oklab(81.189% 0.01954 -0.08053) |
| OKLCH | oklch(81.189% 0.08287 283.637) |
| Display P3 | color(display-p3 0.73011 0.7332 0.94692) |
| Rec. 2020 | color(rec2020 0.7138 0.70641 0.93703) |
| Adobe RGB | color(a98-rgb 0.7248 0.72762 0.95519) |
| ProPhoto RGB | color(prophoto-rgb 0.71992 0.68666 0.92221) |
| sRGB เชิงเส้น | color(srgb-linear 0.49102 0.49693 0.92158) |
| XYZ D65 | color(xyz-d65 0.54652 0.52633 0.94472) |
| XYZ D50 | color(xyz-d50 0.53737 0.52136 0.71318) |
| SwiftUI | Color(red: 0.729, green: 0.733, blue: 0.965) |
| UIKit | UIColor(red: 0.729, green: 0.733, blue: 0.965, alpha: 1) |
| Flutter / Compose | Color(0xFFBABBF6) |
| Android XML | #BABBF6 |

## ข้อมูล

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

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

#babbf6, #c1c2f7, #c7c9f8, #cecff9, #d5d6fa, #dcddfb, #e3e4fc, #eaebfd, #f1f1fe, #f8f8fe

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

#babbf6, #a1a2d6, #898ab7, #727398, #5c5c7b, #46465f, #323245, #1e1f2c, #0d0d15, #020203

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

#babbf6, #bbbcf1, #bbbdec, #bcbde7, #bdbee1, #bdbfdc, #bebfd7, #bfc0d2, #c0c0cc, #c0c1c7

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

- คู่ตรงข้าม: #babbf6, #cac585
- คู่ตรงข้ามแยก: #babbf6, #e2ba85, #acce97
- ข้างเคียง: #babbf6, #9cc5f7, #d5b2e8
- สามเส้า: #babbf6, #f0b196, #8fd3b3
- สี่เหลี่ยมผืนผ้า: #babbf6, #e9adcf, #cac585, #8fd3b3
- สี่เหลี่ยมจัตุรัส: #babbf6, #f2acb2, #cac585, #7ed3d1
- โทนสีเดียว: #babbf6, #7171a7, #9595ce, #e3e4ff, #f1f3ff

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

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

#babbf6 เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(186, 187, 246) ใน HSL คือ hsl(239, 76.92%, 84.71%) และใน OKLCH คือ oklch(81.189% 0.08287 283.637)

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

สีตรงข้ามของ #babbf6 คือ #cac585 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9cc5f7 และ #d5b2e8 ส่วนสีสามเส้าคือ #f0b196 และ #8fd3b3

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

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

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

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