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

#b4c8fc คือ rgb(180, 200, 252) ใน RGB และ oklch(83.57% 0.07643 268.331) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b4c8fc |
| RGB | rgb(180, 200, 252) |
| HSL | hsl(223.33, 92.31%, 84.71%) |
| HSB / HSV | hsv(223.33 28.57% 98.82%) |
| HWB | hwb(223.33 70.59% 1.18%) |
| CMYK | cmyk(29% 21% 0% 1%) |
| Lab | lab(80.44 1.66 -28.11) |
| LCH | lch(80.44 28.16 273.38) |
| OKLab | oklab(83.57% -0.00223 -0.0764) |
| OKLCH | oklch(83.57% 0.07643 268.331) |
| Display P3 | color(display-p3 0.72062 0.78187 0.9713) |
| Rec. 2020 | color(rec2020 0.71885 0.7568 0.96475) |
| Adobe RGB | color(a98-rgb 0.72361 0.77912 0.98028) |
| ProPhoto RGB | color(prophoto-rgb 0.73112 0.73662 0.95366) |
| sRGB เชิงเส้น | color(srgb-linear 0.45641 0.57758 0.97345) |
| XYZ D65 | color(xyz-d65 0.57044 0.58039 1.00296) |
| XYZ D50 | color(xyz-d50 0.56076 0.57462 0.75756) |
| SwiftUI | Color(red: 0.706, green: 0.784, blue: 0.988) |
| UIKit | UIColor(red: 0.706, green: 0.784, blue: 0.988, alpha: 1) |
| Flutter / Compose | Color(0xFFB4C8FC) |
| Android XML | #B4C8FC |

## ข้อมูล

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

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

#b4c8fc, #bbcefd, #c3d3fd, #cad9fe, #d1defe, #d9e4fe, #e0e9ff, #e8efff, #f0f4ff, #f7faff

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

#b4c8fc, #9caedb, #8594bb, #6e7b9c, #58637e, #444c62, #303647, #1d212d, #0c0f16, #020203

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

#b4c8fc, #b6c8f7, #b8c8f2, #bac9ed, #bcc9e8, #bec9e3, #c1c9de, #c3c9d9, #c5c9d3, #c7c9ce

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

- คู่ตรงข้าม: #b4c8fc, #dec790
- คู่ตรงข้ามแยก: #b4c8fc, #f0be98, #c4d198
- ข้างเคียง: #b4c8fc, #9ad1f6, #cfbff5
- สามเส้า: #b4c8fc, #f7b7ad, #a8d7ae
- สี่เหลี่ยมผืนผ้า: #b4c8fc, #e5b8e2, #dec790, #a8d7ae
- สี่เหลี่ยมจัตุรัส: #b4c8fc, #f3b5c9, #dec790, #91dac9
- โทนสีเดียว: #b4c8fc, #6c7dad, #8fa2d4, #e4f0ff, #ebf5ff

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

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

#b4c8fc เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(180, 200, 252) ใน HSL คือ hsl(223.33, 92.31%, 84.71%) และใน OKLCH คือ oklch(83.57% 0.07643 268.331)

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

สีตรงข้ามของ #b4c8fc คือ #dec790 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9ad1f6 และ #cfbff5 ส่วนสีสามเส้าคือ #f7b7ad และ #a8d7ae

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

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

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

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