# สี #b4cafe: โทนพาสเทล เฉดอ่อนของสีน้ำเงิน

#b4cafe คือ rgb(180, 202, 254) ใน RGB และ oklch(84.05% 0.077 266.863) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b4cafe |
| RGB | rgb(180, 202, 254) |
| HSL | hsl(222.16, 97.37%, 85.1%) |
| HSB / HSV | hsv(222.16 29.13% 99.61%) |
| HWB | hwb(222.16 70.59% 0.39%) |
| CMYK | cmyk(29% 20% 0% 0%) |
| Lab | lab(81.02 1.03 -28.29) |
| LCH | lch(81.02 28.31 272.08) |
| OKLab | oklab(84.05% -0.00421 -0.07689) |
| OKLCH | oklch(84.05% 0.077 266.863) |
| Display P3 | color(display-p3 0.72219 0.78949 0.97904) |
| Rec. 2020 | color(rec2020 0.72243 0.76494 0.97343) |
| Adobe RGB | color(a98-rgb 0.72609 0.78707 0.98838) |
| ProPhoto RGB | color(prophoto-rgb 0.73596 0.74501 0.96333) |
| sRGB เชิงเส้น | color(srgb-linear 0.45641 0.59062 0.9911) |
| XYZ D65 | color(xyz-d65 0.57829 0.59099 1.0213) |
| XYZ D50 | color(xyz-d50 0.56831 0.58504 0.77144) |
| SwiftUI | Color(red: 0.706, green: 0.792, blue: 0.996) |
| UIKit | UIColor(red: 0.706, green: 0.792, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFFB4CAFE) |
| Android XML | #B4CAFE |

## ข้อมูล

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

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

#b4cafe, #bbcffe, #c3d5ff, #cadaff, #d2dfff, #d9e5ff, #e1eaff, #e8efff, #f0f4ff, #f7faff

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

#b4cafe, #9cafdd, #8595bd, #6e7c9e, #586480, #444d63, #303747, #1d222d, #0c0f16, #020203

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

#b4cafe, #b6caf9, #b9caf4, #bbcaef, #bdcbea, #bfcbe5, #c2cbe0, #c4cbda, #c6cbd5, #c8cbd0

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

- คู่ตรงข้าม: #b4cafe, #e0c891
- คู่ตรงข้ามแยก: #b4cafe, #f2bf9a, #c7d298
- ข้างเคียง: #b4cafe, #9ad3f7, #cfc1f8
- สามเส้า: #b4cafe, #f9b8b0, #aad9ae
- สี่เหลี่ยมผืนผ้า: #b4cafe, #e6bae5, #e0c891, #aad9ae
- สี่เหลี่ยมจัตุรัส: #b4cafe, #f5b6cb, #e0c891, #93dcca
- โทนสีเดียว: #b4cafe, #6b7faf, #8fa4d6, #e6f2ff, #ebf5ff

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

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

#b4cafe เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(180, 202, 254) ใน HSL คือ hsl(222.16, 97.37%, 85.1%) และใน OKLCH คือ oklch(84.05% 0.077 266.863)

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

สีตรงข้ามของ #b4cafe คือ #e0c891 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9ad3f7 และ #cfc1f8 ส่วนสีสามเส้าคือ #f9b8b0 และ #aad9ae

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

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

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

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