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

#bbc7e5 คือ rgb(187, 199, 229) ใน RGB และ oklch(83.013% 0.04413 268.152) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bbc7e5 |
| RGB | rgb(187, 199, 229) |
| HSL | hsl(222.86, 44.68%, 81.57%) |
| HSB / HSV | hsv(222.86 18.34% 89.8%) |
| HWB | hwb(222.86 73.33% 10.2%) |
| CMYK | cmyk(18% 13% 0% 10%) |
| Lab | lab(80.04 0.39 -16.43) |
| LCH | lch(80.04 16.43 271.35) |
| OKLab | oklab(83.013% -0.00142 -0.04411) |
| OKLCH | oklch(83.013% 0.04413 268.152) |
| Display P3 | color(display-p3 0.74197 0.77889 0.88769) |
| Rec. 2020 | color(rec2020 0.72946 0.75324 0.87237) |
| Adobe RGB | color(a98-rgb 0.74153 0.77515 0.89046) |
| ProPhoto RGB | color(prophoto-rgb 0.72584 0.73163 0.85463) |
| sRGB เชิงเส้น | color(srgb-linear 0.49693 0.57112 0.78354) |
| XYZ D65 | color(xyz-d65 0.55057 0.57068 0.82246) |
| XYZ D50 | color(xyz-d50 0.54877 0.56749 0.62189) |
| SwiftUI | Color(red: 0.733, green: 0.78, blue: 0.898) |
| UIKit | UIColor(red: 0.733, green: 0.78, blue: 0.898, alpha: 1) |
| Flutter / Compose | Color(0xFFBBC7E5) |
| Android XML | #BBC7E5 |

## ข้อมูล

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

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

#bbc7e5, #c2cde8, #c8d2ea, #cfd8ed, #d6ddf0, #dde3f2, #e3e8f5, #eaeef7, #f1f4fa, #f8f9fc

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

#bbc7e5, #a2adc7, #8a93aa, #737a8e, #5c6272, #464c58, #32363f, #1f2128, #0d0e12, #020203

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

#bbc7e5, #bcc7e2, #bdc7df, #bfc7dc, #c0c7d9, #c1c7d6, #c2c7d3, #c4c7d0, #c5c7cd, #c6c7ca

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

- คู่ตรงข้าม: #bbc7e5, #d3c6a7
- คู่ตรงข้ามแยก: #bbc7e5, #dec1ac, #c4ccac
- ข้างเคียง: #bbc7e5, #aecce1, #cac2e1
- สามเส้า: #bbc7e5, #e3bdb7, #b5d0b8
- สี่เหลี่ยมผืนผ้า: #bbc7e5, #d8bed6, #d3c6a7, #b5d0b8
- สี่เหลี่ยมจัตุรัส: #bbc7e5, #e1bcc7, #d3c6a7, #aad1c7
- โทนสีเดียว: #bbc7e5, #727d98, #96a1be, #e2eeff, #ebf5ff

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

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

#bbc7e5 เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(187, 199, 229) ใน HSL คือ hsl(222.86, 44.68%, 81.57%) และใน OKLCH คือ oklch(83.013% 0.04413 268.152)

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

สีตรงข้ามของ #bbc7e5 คือ #d3c6a7 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #aecce1 และ #cac2e1 ส่วนสีสามเส้าคือ #e3bdb7 และ #b5d0b8

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

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

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

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