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

#babafa คือ rgb(186, 186, 250) ใน RGB และ oklch(81.157% 0.08983 284.221) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #babafa |
| RGB | rgb(186, 186, 250) |
| HSL | hsl(240, 86.49%, 85.49%) |
| HSB / HSV | hsv(240 25.6% 98.04%) |
| HWB | hwb(240 72.94% 1.96%) |
| CMYK | cmyk(26% 26% 0% 2%) |
| Lab | lab(77.23 10.26 -31.88) |
| LCH | lch(77.23 33.49 287.84) |
| OKLab | oklab(81.157% 0.02207 -0.08708) |
| OKLCH | oklch(81.157% 0.08983 284.221) |
| Display P3 | color(display-p3 0.72941 0.72941 0.96137) |
| Rec. 2020 | color(rec2020 0.71347 0.70275 0.95298) |
| Adobe RGB | color(a98-rgb 0.72367 0.72367 0.97077) |
| ProPhoto RGB | color(prophoto-rgb 0.722 0.6835 0.93931) |
| sRGB เชิงเส้น | color(srgb-linear 0.49102 0.49102 0.95597) |
| XYZ D65 | color(xyz-d65 0.55061 0.52459 0.9767) |
| XYZ D50 | color(xyz-d50 0.54001 0.51921 0.73717) |
| SwiftUI | Color(red: 0.729, green: 0.729, blue: 0.98) |
| UIKit | UIColor(red: 0.729, green: 0.729, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFFBABAFA) |
| Android XML | #BABAFA |

## ข้อมูล

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

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

#babafa, #c1c1fb, #c7c8fc, #cecffc, #d5d6fd, #dcddfe, #e3e3fe, #eaeafe, #f1f1ff, #f8f8ff

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

#babafa, #a1a1d9, #8989ba, #72729b, #5c5c7d, #464661, #323246, #1e1e2d, #0d0d15, #020203

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

#babafa, #bbbbf4, #bbbcef, #bcbde9, #bdbde4, #bdbede, #bebfd8, #bfbfd3, #c0c0cd, #c0c1c7

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

- คู่ตรงข้าม: #babafa, #cac580
- คู่ตรงข้ามแยก: #babafa, #e4b97f, #a9cf93
- ข้างเคียง: #babafa, #99c5fb, #d7b0ea
- สามเส้า: #babafa, #f3af92, #89d4b2
- สี่เหลี่ยมผืนผ้า: #babafa, #ecaad0, #cac580, #89d4b2
- สี่เหลี่ยมจัตุรัส: #babafa, #f6aab0, #cac580, #76d4d3
- โทนสีเดียว: #babafa, #7270ab, #9594d2, #e3e4ff, #f2f2ff

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

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

#babafa เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(186, 186, 250) ใน HSL คือ hsl(240, 86.49%, 85.49%) และใน OKLCH คือ oklch(81.157% 0.08983 284.221)

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

สีตรงข้ามของ #babafa คือ #cac580 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #99c5fb และ #d7b0ea ส่วนสีสามเส้าคือ #f3af92 และ #89d4b2

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

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

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

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