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

#babafd คือ rgb(186, 186, 253) ใน RGB และ oklch(81.282% 0.094 284.114) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #babafd |
| RGB | rgb(186, 186, 253) |
| HSL | hsl(240, 94.37%, 86.08%) |
| HSB / HSV | hsv(240 26.48% 99.22%) |
| HWB | hwb(240 72.94% 0.78%) |
| CMYK | cmyk(26% 26% 0% 1%) |
| Lab | lab(77.33 10.81 -33.34) |
| LCH | lch(77.33 35.04 287.96) |
| OKLab | oklab(81.282% 0.02292 -0.09117) |
| OKLCH | oklch(81.282% 0.094 284.114) |
| Display P3 | color(display-p3 0.72941 0.72941 0.97237) |
| Rec. 2020 | color(rec2020 0.71428 0.70297 0.96518) |
| Adobe RGB | color(a98-rgb 0.72367 0.72367 0.98255) |
| ProPhoto RGB | color(prophoto-rgb 0.72466 0.68406 0.95252) |
| sRGB เชิงเส้น | color(srgb-linear 0.49102 0.49102 0.98225) |
| XYZ D65 | color(xyz-d65 0.55535 0.52648 1.00168) |
| XYZ D50 | color(xyz-d50 0.54377 0.5208 0.75593) |
| SwiftUI | Color(red: 0.729, green: 0.729, blue: 0.992) |
| UIKit | UIColor(red: 0.729, green: 0.729, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFFBABAFD) |
| Android XML | #BABAFD |

## ข้อมูล

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

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

#babafd, #c1c1fe, #c7c8fe, #cecfff, #d5d6ff, #dcddff, #e3e4ff, #eaeaff, #f1f1ff, #f8f8ff

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

#babafd, #a1a1dc, #8989bc, #72729d, #5c5c7f, #464662, #323247, #1e1e2d, #0d0d16, #020203

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

#babafd, #bbbbf7, #bbbcf1, #bcbdec, #bdbee6, #bdbee0, #bebfda, #bfc0d4, #c0c0ce, #c1c1c8

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

- คู่ตรงข้าม: #babafd, #cbc57c
- คู่ตรงข้ามแยก: #babafd, #e6b97c, #a9d091
- ข้างเคียง: #babafd, #98c5fe, #d8b0ed
- สามเส้า: #babafd, #f6af90, #86d5b2
- สี่เหลี่ยมผืนผ้า: #babafd, #eeaad1, #cbc57c, #86d5b2
- สี่เหลี่ยมจัตุรัส: #babafd, #f8a9af, #cbc57c, #71d5d4
- โทนสีเดียว: #babafd, #7270ae, #9594d5, #e4e5ff, #f2f2ff

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

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

#babafd เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(186, 186, 253) ใน HSL คือ hsl(240, 94.37%, 86.08%) และใน OKLCH คือ oklch(81.282% 0.094 284.114)

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

สีตรงข้ามของ #babafd คือ #cbc57c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #98c5fe และ #d8b0ed ส่วนสีสามเส้าคือ #f6af90 และ #86d5b2

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

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

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

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