# สี #b3d5df: โทนพาสเทล เฉดอ่อนมากของสีฟ้า

#b3d5df คือ rgb(179, 213, 223) ใน RGB และ oklch(85.148% 0.03861 217.472) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b3d5df |
| RGB | rgb(179, 213, 223) |
| HSL | hsl(193.64, 40.74%, 78.82%) |
| HSB / HSV | hsv(193.64 19.73% 87.45%) |
| HWB | hwb(193.64 70.2% 12.55%) |
| CMYK | cmyk(20% 4% 0% 13%) |
| Lab | lab(83.02 -10.05 -8.9) |
| LCH | lch(83.02 13.43 221.53) |
| OKLab | oklab(85.148% -0.03064 -0.02349) |
| OKLCH | oklch(85.148% 0.03861 217.472) |
| Display P3 | color(display-p3 0.72799 0.83131 0.86916) |
| Rec. 2020 | color(rec2020 0.72954 0.80715 0.85297) |
| Adobe RGB | color(a98-rgb 0.73752 0.8309 0.86932) |
| ProPhoto RGB | color(prophoto-rgb 0.72605 0.78468 0.83609) |
| sRGB เชิงเส้น | color(srgb-linear 0.45079 0.66539 0.73791) |
| XYZ D65 | color(xyz-d65 0.55701 0.62499 0.78943) |
| XYZ D50 | color(xyz-d50 0.55843 0.62204 0.59781) |
| SwiftUI | Color(red: 0.702, green: 0.835, blue: 0.875) |
| UIKit | UIColor(red: 0.702, green: 0.835, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFFB3D5DF) |
| Android XML | #B3D5DF |

## ข้อมูล

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

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

#b3d5df, #bbd9e2, #c2dde5, #cae2e9, #d1e6ec, #d9eaef, #e1eef2, #e8f2f5, #f0f7f9, #f7fbfc

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

#b3d5df, #9bb9c2, #849ea5, #6e838a, #586a6f, #435156, #2f3a3d, #1d2427, #0c1012, #010202

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

#b3d5df, #b6d4dd, #b9d4dc, #bcd3da, #bed2d8, #c1d2d7, #c4d1d5, #c6d0d3, #c9cfd1, #cbcfd0

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

- คู่ตรงข้าม: #b3d5df, #e6c6bd
- คู่ตรงข้ามแยก: #b3d5df, #e6c4ca, #e0cab4
- ข้างเคียง: #b3d5df, #b3d7d3, #bbd1e7
- สามเส้า: #b3d5df, #e0c5d7, #d5cfb3
- สี่เหลี่ยมผืนผ้า: #b3d5df, #c8cce8, #e6c6bd, #d5cfb3
- สี่เหลี่ยมจัตุรัส: #b3d5df, #d5c8e2, #e6c6bd, #c7d3b9
- โทนสีเดียว: #b3d5df, #6a8a93, #8eafb8, #d9fcff, #d9fcff

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

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

#b3d5df เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(179, 213, 223) ใน HSL คือ hsl(193.64, 40.74%, 78.82%) และใน OKLCH คือ oklch(85.148% 0.03861 217.472)

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

สีตรงข้ามของ #b3d5df คือ #e6c6bd หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b3d7d3 และ #bbd1e7 ส่วนสีสามเส้าคือ #e0c5d7 และ #d5cfb3

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

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

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

#b3d5df เป็นสีโทนเย็น ใน OKLCH มีฮิว 217 องศา ความสว่าง 85.1% และความสด 0.039