# สี #babbe3: โทนละมุน เฉดอ่อนของสีคราม

#babbe3 คือ rgb(186, 187, 227) ใน RGB และ oklch(80.456% 0.05624 283.931) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #babbe3 |
| RGB | rgb(186, 187, 227) |
| HSL | hsl(238.54, 42.27%, 80.98%) |
| HSB / HSV | hsv(238.54 18.06% 89.02%) |
| HWB | hwb(238.54 72.94% 10.98%) |
| CMYK | cmyk(18% 18% 0% 11%) |
| Lab | lab(76.8 5.76 -20.2) |
| LCH | lch(76.8 21.01 285.91) |
| OKLab | oklab(80.456% 0.01354 -0.05459) |
| OKLCH | oklch(80.456% 0.05624 283.931) |
| Display P3 | color(display-p3 0.73011 0.7332 0.87758) |
| Rec. 2020 | color(rec2020 0.70903 0.70515 0.86055) |
| Adobe RGB | color(a98-rgb 0.7248 0.72762 0.88109) |
| ProPhoto RGB | color(prophoto-rgb 0.7042 0.68341 0.84059) |
| sRGB เชิงเส้น | color(srgb-linear 0.49102 0.49693 0.76815) |
| XYZ D65 | color(xyz-d65 0.51882 0.51526 0.79888) |
| XYZ D50 | color(xyz-d50 0.51542 0.51206 0.60362) |
| SwiftUI | Color(red: 0.729, green: 0.733, blue: 0.89) |
| UIKit | UIColor(red: 0.729, green: 0.733, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFFBABBE3) |
| Android XML | #BABBE3 |

## ข้อมูล

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

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

#babbe3, #c1c2e6, #c7c8e9, #cecfec, #d5d6ef, #dcddf1, #e3e4f4, #eaeaf7, #f1f1fa, #f8f8fc

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

#babbe3, #a1a2c5, #898aa8, #72738c, #5c5c71, #464657, #32323f, #1e1f27, #0d0d12, #020203

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

#babbe3, #babbdf, #bbbcdc, #bbbcd8, #bcbdd5, #bcbdd1, #bdbece, #bdbeca, #bebec6, #bebfc3

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

- คู่ตรงข้าม: #babbe3, #c5c298
- คู่ตรงข้ามแยก: #babbe3, #d5ba98, #b1c8a3
- ข้างเคียง: #babbe3, #a7c2e3, #cdb5d9
- สามเส้า: #babbe3, #dfb4a2, #9ecbb5
- สี่เหลี่ยมผืนผ้า: #babbe3, #dab1c8, #c5c298, #9ecbb5
- สี่เหลี่ยมจัตุรัส: #babbe3, #e1b1b4, #c5c298, #95cbca
- โทนสีเดียว: #babbe3, #717296, #9596bc, #e1e2ff, #f1f3ff

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

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

#babbe3 เป็นโทนละมุน เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีคราม ใน RGB คือ rgb(186, 187, 227) ใน HSL คือ hsl(238.54, 42.27%, 80.98%) และใน OKLCH คือ oklch(80.456% 0.05624 283.931)

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

สีตรงข้ามของ #babbe3 คือ #c5c298 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a7c2e3 และ #cdb5d9 ส่วนสีสามเส้าคือ #dfb4a2 และ #9ecbb5

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

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

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

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