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

#b4c4fc คือ rgb(180, 196, 252) ใน RGB และ oklch(82.768% 0.0809 272.156) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b4c4fc |
| RGB | rgb(180, 196, 252) |
| HSL | hsl(226.67, 92.31%, 84.71%) |
| HSB / HSV | hsv(226.67 28.57% 98.82%) |
| HWB | hwb(226.67 70.59% 1.18%) |
| CMYK | cmyk(29% 22% 0% 1%) |
| Lab | lab(79.4 3.67 -29.69) |
| LCH | lch(79.4 29.91 277.04) |
| OKLab | oklab(82.768% 0.00304 -0.08084) |
| OKLCH | oklch(82.768% 0.0809 272.156) |
| Display P3 | color(display-p3 0.71755 0.76665 0.97046) |
| Rec. 2020 | color(rec2020 0.71284 0.74083 0.96359) |
| Adobe RGB | color(a98-rgb 0.71871 0.76324 0.97979) |
| ProPhoto RGB | color(prophoto-rgb 0.72508 0.72063 0.95193) |
| sRGB เชิงเส้น | color(srgb-linear 0.45641 0.55201 0.97345) |
| XYZ D65 | color(xyz-d65 0.5613 0.56211 0.99991) |
| XYZ D50 | color(xyz-d50 0.55091 0.55629 0.75508) |
| SwiftUI | Color(red: 0.706, green: 0.769, blue: 0.988) |
| UIKit | UIColor(red: 0.706, green: 0.769, blue: 0.988, alpha: 1) |
| Flutter / Compose | Color(0xFFB4C4FC) |
| Android XML | #B4C4FC |

## ข้อมูล

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

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

#b4c4fc, #bbcafd, #c3d0fd, #cad6fe, #d1dcfe, #d9e2fe, #e0e7ff, #e8edff, #f0f3ff, #f7f9ff

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

#b4c4fc, #9caadb, #8591bb, #6e789c, #58617e, #444a62, #303547, #1d212d, #0c0e16, #020203

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

#b4c4fc, #b6c4f7, #b8c5f2, #b9c5ec, #bbc5e7, #bdc6e2, #bfc6dc, #c1c6d7, #c3c6d1, #c4c6cc

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

- คู่ตรงข้าม: #b4c4fc, #d9c68a
- คู่ตรงข้ามแยก: #b4c4fc, #edbb90, #bdcf95
- ข้างเคียง: #b4c4fc, #98cef7, #d0bbf3
- สามเส้า: #b4c4fc, #f6b4a6, #9fd6ad
- สี่เหลี่ยมผืนผ้า: #b4c4fc, #e7b4de, #d9c68a, #9fd6ad
- สี่เหลี่ยมจัตุรัส: #b4c4fc, #f4b1c2, #d9c68a, #89d8cb
- โทนสีเดียว: #b4c4fc, #6c7aad, #8f9ed4, #e3edff, #edf4ff

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

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

#b4c4fc เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(180, 196, 252) ใน HSL คือ hsl(226.67, 92.31%, 84.71%) และใน OKLCH คือ oklch(82.768% 0.0809 272.156)

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

สีตรงข้ามของ #b4c4fc คือ #d9c68a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #98cef7 และ #d0bbf3 ส่วนสีสามเส้าคือ #f6b4a6 และ #9fd6ad

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

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

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

#b4c4fc เป็นสีโทนเย็น ใน OKLCH มีฮิว 272 องศา ความสว่าง 82.8% และความสด 0.081