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

#b7c3db คือ rgb(183, 195, 219) ใน RGB และ oklch(81.559% 0.03632 264.351) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b7c3db |
| RGB | rgb(183, 195, 219) |
| HSL | hsl(220, 33.33%, 78.82%) |
| HSB / HSV | hsv(220 16.44% 85.88%) |
| HWB | hwb(220 71.76% 14.12%) |
| CMYK | cmyk(16% 11% 0% 14%) |
| Lab | lab(78.43 -0.58 -13.51) |
| LCH | lch(78.43 13.52 267.53) |
| OKLab | oklab(81.559% -0.00357 -0.03614) |
| OKLCH | oklch(81.559% 0.03632 264.351) |
| Display P3 | color(display-p3 0.72629 0.7632 0.85028) |
| Rec. 2020 | color(rec2020 0.71083 0.73559 0.83108) |
| Adobe RGB | color(a98-rgb 0.72573 0.75928 0.85121) |
| ProPhoto RGB | color(prophoto-rgb 0.70306 0.71245 0.81061) |
| sRGB เชิงเส้น | color(srgb-linear 0.47353 0.54572 0.70838) |
| XYZ D65 | color(xyz-d65 0.51827 0.54212 0.74754) |
| XYZ D50 | color(xyz-d50 0.51803 0.53952 0.56542) |
| SwiftUI | Color(red: 0.718, green: 0.765, blue: 0.859) |
| UIKit | UIColor(red: 0.718, green: 0.765, blue: 0.859, alpha: 1) |
| Flutter / Compose | Color(0xFFB7C3DB) |
| Android XML | #B7C3DB |

## ข้อมูล

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

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

#b7c3db, #bec9df, #c5cfe2, #ccd5e6, #d3dbe9, #dae1ed, #e2e7f1, #e9edf4, #f0f3f8, #f8f9fb

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

#b7c3db, #9fa9be, #8790a2, #707887, #5a606d, #454a54, #31343c, #1e2026, #0c0e11, #020202

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

#b7c3db, #b8c3d9, #b9c3d6, #bac3d4, #bcc3d1, #bdc3cf, #bec3cc, #bfc3ca, #c0c3c7, #c1c3c5

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

- คู่ตรงข้าม: #b7c3db, #cec1a9
- คู่ตรงข้ามแยก: #b7c3db, #d6bdad, #c2c6ab
- ข้างเคียง: #b7c3db, #adc7d7, #c4bfd8
- สามเส้า: #b7c3db, #d9bab7, #b5c9b4
- สี่เหลี่ยมผืนผ้า: #b7c3db, #cfbbd0, #cec1a9, #b5c9b4
- สี่เหลี่ยมจัตุรัส: #b7c3db, #d7bac4, #cec1a9, #abcbc1
- โทนสีเดียว: #b7c3db, #6e798f, #929db4, #deeaff, #e9f6ff

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

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

#b7c3db เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(183, 195, 219) ใน HSL คือ hsl(220, 33.33%, 78.82%) และใน OKLCH คือ oklch(81.559% 0.03632 264.351)

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

สีตรงข้ามของ #b7c3db คือ #cec1a9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #adc7d7 และ #c4bfd8 ส่วนสีสามเส้าคือ #d9bab7 และ #b5c9b4

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

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

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

#b7c3db เป็นสีโทนเย็น ใน OKLCH มีฮิว 264 องศา ความสว่าง 81.6% และความสด 0.036