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

#babcf2 คือ rgb(186, 188, 242) ใน RGB และ oklch(81.226% 0.07591 282.91) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #babcf2 |
| RGB | rgb(186, 188, 242) |
| HSL | hsl(237.86, 68.29%, 83.92%) |
| HSB / HSV | hsv(237.86 23.14% 94.9%) |
| HWB | hwb(237.86 72.94% 5.1%) |
| CMYK | cmyk(23% 22% 0% 5%) |
| Lab | lab(77.49 7.82 -27.2) |
| LCH | lch(77.49 28.3 286.03) |
| OKLab | oklab(81.226% 0.01696 -0.07399) |
| OKLCH | oklch(81.226% 0.07591 282.91) |
| Display P3 | color(display-p3 0.73081 0.737 0.9325) |
| Rec. 2020 | color(rec2020 0.71416 0.71008 0.92114) |
| Adobe RGB | color(a98-rgb 0.72593 0.73157 0.93966) |
| ProPhoto RGB | color(prophoto-rgb 0.71792 0.68984 0.90523) |
| sRGB เชิงเส้น | color(srgb-linear 0.49102 0.50289 0.88792) |
| XYZ D65 | color(xyz-d65 0.54257 0.52816 0.91343) |
| XYZ D50 | color(xyz-d50 0.53485 0.52359 0.68972) |
| SwiftUI | Color(red: 0.729, green: 0.737, blue: 0.949) |
| UIKit | UIColor(red: 0.729, green: 0.737, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFFBABCF2) |
| Android XML | #BABCF2 |

## ข้อมูล

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

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

#babcf2, #c1c3f4, #c7c9f5, #ced0f7, #d5d7f8, #dcddf9, #e3e4fb, #eaebfc, #f1f2fd, #f8f8fe

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

#babcf2, #a1a3d2, #898bb4, #727396, #5c5d79, #46475e, #323243, #1e1f2b, #0d0d14, #020203

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

#babcf2, #bbbded, #bbbde9, #bcbee4, #bdbfdf, #bebfda, #bec0d5, #bfc0d0, #c0c1cb, #c1c1c6

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

- คู่ตรงข้าม: #babcf2, #cac48b
- คู่ตรงข้ามแยก: #babcf2, #e0bb8b, #afcd9a
- ข้างเคียง: #babcf2, #9fc5f2, #d3b4e5
- สามเส้า: #babcf2, #edb29b, #94d2b4
- สี่เหลี่ยมผืนผ้า: #babcf2, #e5afcf, #cac48b, #94d2b4
- สี่เหลี่ยมจัตุรัส: #babcf2, #eeaeb4, #cac48b, #85d2cf
- โทนสีเดียว: #babcf2, #7172a4, #9596ca, #e3e5ff, #f1f3ff

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

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

#babcf2 เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(186, 188, 242) ใน HSL คือ hsl(237.86, 68.29%, 83.92%) และใน OKLCH คือ oklch(81.226% 0.07591 282.91)

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

สีตรงข้ามของ #babcf2 คือ #cac48b หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9fc5f2 และ #d3b4e5 ส่วนสีสามเส้าคือ #edb29b และ #94d2b4

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

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

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

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