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

#b2c3ea คือ rgb(178, 195, 234) ใน RGB และ oklch(81.731% 0.05823 266.58) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b2c3ea |
| RGB | rgb(178, 195, 234) |
| HSL | hsl(221.79, 57.14%, 80.78%) |
| HSB / HSV | hsv(221.79 23.93% 91.76%) |
| HWB | hwb(221.79 69.8% 8.24%) |
| CMYK | cmyk(24% 17% 0% 8%) |
| Lab | lab(78.47 0.31 -21.52) |
| LCH | lch(78.47 21.52 270.82) |
| OKLab | oklab(81.731% -0.00347 -0.05813) |
| OKLCH | oklch(81.731% 0.05823 266.58) |
| Display P3 | color(display-p3 0.71047 0.76261 0.90447) |
| Rec. 2020 | color(rec2020 0.70155 0.73513 0.89061) |
| Adobe RGB | color(a98-rgb 0.71204 0.75928 0.90934) |
| ProPhoto RGB | color(prophoto-rgb 0.70386 0.71277 0.87343) |
| sRGB เชิงเส้น | color(srgb-linear 0.4452 0.54572 0.82279) |
| XYZ D65 | color(xyz-d65 0.52724 0.54435 0.85574) |
| XYZ D50 | color(xyz-d50 0.52205 0.54015 0.64673) |
| SwiftUI | Color(red: 0.698, green: 0.765, blue: 0.918) |
| UIKit | UIColor(red: 0.698, green: 0.765, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFFB2C3EA) |
| Android XML | #B2C3EA |

## ข้อมูล

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

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

#b2c3ea, #b9c9ec, #c1cfef, #c9d5f1, #d0dbf3, #d8e1f5, #e0e7f7, #e7edf9, #eff3fb, #f7f9fd

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

#b2c3ea, #9aa9cb, #8390ae, #6d7891, #576075, #434a5a, #2f3441, #1d2029, #0c0e13, #010203

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

#b2c3ea, #b4c3e6, #b5c3e2, #b7c3df, #b9c3db, #bbc3d7, #bcc3d3, #bec3cf, #c0c3cb, #c1c3c7

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

- คู่ตรงข้าม: #b2c3ea, #d4c199
- คู่ตรงข้ามแยก: #b2c3ea, #e1ba9f, #c0c99e
- ข้างเคียง: #b2c3ea, #a0cae5, #c6bce5
- สามเส้า: #b2c3ea, #e7b5af, #abcead
- สี่เหลี่ยมผืนผ้า: #b2c3ea, #d8b7d7, #d4c199, #abcead
- สี่เหลี่ยมจัตุรัส: #b2c3ea, #e3b4c4, #d4c199, #9bd0c2
- โทนสีเดียว: #b2c3ea, #6a799d, #8d9dc3, #dbeaff, #eaf5ff

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

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

#b2c3ea เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(178, 195, 234) ใน HSL คือ hsl(221.79, 57.14%, 80.78%) และใน OKLCH คือ oklch(81.731% 0.05823 266.58)

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

สีตรงข้ามของ #b2c3ea คือ #d4c199 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a0cae5 และ #c6bce5 ส่วนสีสามเส้าคือ #e7b5af และ #abcead

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

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

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

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