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

#babcf3 คือ rgb(186, 188, 243) ใน RGB และ oklch(81.265% 0.07731 282.906) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #babcf3 |
| RGB | rgb(186, 188, 243) |
| HSL | hsl(237.89, 70.37%, 84.12%) |
| HSB / HSV | hsv(237.89 23.46% 95.29%) |
| HWB | hwb(237.89 72.94% 4.71%) |
| CMYK | cmyk(23% 23% 0% 5%) |
| Lab | lab(77.52 7.99 -27.69) |
| LCH | lch(77.52 28.82 286.1) |
| OKLab | oklab(81.265% 0.01727 -0.07535) |
| OKLCH | oklch(81.265% 0.07731 282.906) |
| Display P3 | color(display-p3 0.73081 0.737 0.93616) |
| Rec. 2020 | color(rec2020 0.71441 0.71015 0.92518) |
| Adobe RGB | color(a98-rgb 0.72593 0.73157 0.94357) |
| ProPhoto RGB | color(prophoto-rgb 0.71877 0.69002 0.90957) |
| sRGB เชิงเส้น | color(srgb-linear 0.49102 0.50289 0.89627) |
| XYZ D65 | color(xyz-d65 0.54408 0.52876 0.92137) |
| XYZ D50 | color(xyz-d50 0.53604 0.52409 0.69568) |
| SwiftUI | Color(red: 0.729, green: 0.737, blue: 0.953) |
| UIKit | UIColor(red: 0.729, green: 0.737, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFFBABCF3) |
| Android XML | #BABCF3 |

## ข้อมูล

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

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

#babcf3, #c1c3f4, #c7c9f6, #ced0f7, #d5d7f9, #dcddfa, #e3e4fb, #eaebfc, #f1f2fd, #f8f8fe

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

#babcf3, #a1a3d3, #898bb4, #727397, #5c5d7a, #46475e, #323244, #1e1f2b, #0d0d14, #020203

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

#babcf3, #bbbdee, #bbbde9, #bcbee5, #bdbfe0, #bebfdb, #bec0d6, #bfc0d1, #c0c1cc, #c1c1c7

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

- คู่ตรงข้าม: #babcf3, #cbc48a
- คู่ตรงข้ามแยก: #babcf3, #e1ba8a, #afcd9a
- ข้างเคียง: #babcf3, #9fc5f3, #d3b4e6
- สามเส้า: #babcf3, #eeb29a, #93d2b3
- สี่เหลี่ยมผืนผ้า: #babcf3, #e6aecf, #cbc48a, #93d2b3
- สี่เหลี่ยมจัตุรัส: #babcf3, #efaeb4, #cbc48a, #84d2cf
- โทนสีเดียว: #babcf3, #7172a5, #9596cb, #e3e5ff, #f1f3ff

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

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

#babcf3 เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(186, 188, 243) ใน HSL คือ hsl(237.89, 70.37%, 84.12%) และใน OKLCH คือ oklch(81.265% 0.07731 282.906)

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

สีตรงข้ามของ #babcf3 คือ #cbc48a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9fc5f3 และ #d3b4e6 ส่วนสีสามเส้าคือ #eeb29a และ #93d2b3

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

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

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

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