# สี #a5bed4: โทนหม่น เฉดอ่อนของสีฟ้า

#a5bed4 คือ rgb(165, 190, 212) ใน RGB และ oklch(78.993% 0.0416 244.906) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a5bed4 |
| RGB | rgb(165, 190, 212) |
| HSL | hsl(208.09, 35.34%, 73.92%) |
| HSB / HSV | hsv(208.09 22.17% 83.14%) |
| HWB | hwb(208.09 64.71% 16.86%) |
| CMYK | cmyk(22% 10% 0% 17%) |
| Lab | lab(75.62 -5.21 -14.09) |
| LCH | lch(75.62 15.02 249.69) |
| OKLab | oklab(78.993% -0.01764 -0.03767) |
| OKLCH | oklch(78.993% 0.0416 244.906) |
| Display P3 | color(display-p3 0.66584 0.74211 0.82278) |
| Rec. 2020 | color(rec2020 0.65588 0.71046 0.8007) |
| Adobe RGB | color(a98-rgb 0.67094 0.73948 0.82353) |
| ProPhoto RGB | color(prophoto-rgb 0.65093 0.68441 0.77819) |
| sRGB เชิงเส้น | color(srgb-linear 0.37626 0.51492 0.65837) |
| XYZ D65 | color(xyz-d65 0.45812 0.49579 0.69446) |
| XYZ D50 | color(xyz-d50 0.4566 0.49276 0.52537) |
| SwiftUI | Color(red: 0.647, green: 0.745, blue: 0.831) |
| UIKit | UIColor(red: 0.647, green: 0.745, blue: 0.831, alpha: 1) |
| Flutter / Compose | Color(0xFFA5BED4) |
| Android XML | #A5BED4 |

## ข้อมูล

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

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

#a5bed4, #aec4d8, #b7cbdd, #c0d1e1, #c8d8e5, #d1deea, #dae5ee, #e4ebf2, #edf2f6, #f6f8fb

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

#a5bed4, #8fa5b8, #798c9d, #657583, #515e69, #3d4851, #2b333a, #1a1f24, #0a0d10, #010202

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

#a5bed4, #a7bed1, #a9bdcf, #acbdcc, #aebdca, #b0bcc7, #b2bcc5, #b4bcc2, #b6bbc0, #b8bbbd

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

- คู่ตรงข้าม: #a5bed4, #ceb69f
- คู่ตรงข้ามแยก: #a5bed4, #d4b2a9, #c3bb9d
- ข้างเคียง: #a5bed4, #9dc2cb, #b2b9d6
- สามเส้า: #a5bed4, #d3b0b7, #b4c0a3
- สี่เหลี่ยมผืนผ้า: #a5bed4, #c0b4d1, #ceb69f, #b4c0a3
- สี่เหลี่ยมจัตุรัส: #a5bed4, #ccb1c5, #ceb69f, #a6c3af
- โทนสีเดียว: #a5bed4, #5d7589, #8098ae, #cbe5fc, #e1f9ff

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

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

#a5bed4 เป็นโทนหม่น เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(165, 190, 212) ใน HSL คือ hsl(208.09, 35.34%, 73.92%) และใน OKLCH คือ oklch(78.993% 0.0416 244.906)

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

สีตรงข้ามของ #a5bed4 คือ #ceb69f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9dc2cb และ #b2b9d6 ส่วนสีสามเส้าคือ #d3b0b7 และ #b4c0a3

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

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

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

#a5bed4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 245 องศา ความสว่าง 79% และความสด 0.042