# สี #5cabe4: โทนละมุน เฉดอ่อนของสีฟ้า

#5cabe4 คือ rgb(92, 171, 228) ใน RGB และ oklch(71.425% 0.11428 242.075) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5cabe4 |
| RGB | rgb(92, 171, 228) |
| HSL | hsl(205.15, 71.58%, 62.75%) |
| HSB / HSV | hsv(205.15 59.65% 89.41%) |
| HWB | hwb(205.15 36.08% 10.59%) |
| CMYK | cmyk(60% 25% 0% 11%) |
| Lab | lab(66.73 -12.43 -36.71) |
| LCH | lch(66.73 38.76 251.3) |
| OKLab | oklab(71.425% -0.05352 -0.10098) |
| OKLCH | oklch(71.425% 0.11428 242.075) |
| Display P3 | color(display-p3 0.43704 0.66314 0.87441) |
| Rec. 2020 | color(rec2020 0.47346 0.62088 0.85626) |
| Adobe RGB | color(a98-rgb 0.4728 0.66466 0.88303) |
| ProPhoto RGB | color(prophoto-rgb 0.51243 0.59106 0.83393) |
| sRGB เชิงเส้น | color(srgb-linear 0.10702 0.40724 0.77582) |
| XYZ D65 | color(xyz-d65 0.32978 0.37001 0.78805) |
| XYZ D50 | color(xyz-d50 0.31452 0.36279 0.59504) |
| SwiftUI | Color(red: 0.361, green: 0.671, blue: 0.894) |
| UIKit | UIColor(red: 0.361, green: 0.671, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFF5CABE4) |
| Android XML | #5CABE4 |

## ข้อมูล

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

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

#5cabe4, #6eb4e7, #7fbcea, #90c5ed, #a0cdf0, #b0d5f3, #c0def6, #d0e6f8, #dfeefb, #eff7fd

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

#5cabe4, #4f94c6, #427ea9, #36688d, #2a5472, #1f4058, #142d3f, #0a1b28, #030b12, #000103

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

#5cabe4, #65abde, #6eaad7, #75a9d1, #7da9ca, #84a8c4, #8aa7bd, #91a6b7, #97a5b0, #9da4a9

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

- คู่ตรงข้าม: #5cabe4, #d69253
- คู่ตรงข้ามแยก: #5cabe4, #e18775, #bca046
- ข้างเคียง: #5cabe4, #2eb5cc, #8a9eea
- สามเส้า: #5cabe4, #de839d, #97ae59
- สี่เหลี่ยมผืนผ้า: #5cabe4, #b091de, #d69253, #97ae59
- สี่เหลี่ยมจัตุรัส: #5cabe4, #cd87c2, #d69253, #68b77f
- โทนสีเดียว: #5cabe4, #006296, #3586bc, #82d2ff, #d5f5ff

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

### #5cabe4 คือสีอะไร

#5cabe4 เป็นโทนละมุน เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(92, 171, 228) ใน HSL คือ hsl(205.15, 71.58%, 62.75%) และใน OKLCH คือ oklch(71.425% 0.11428 242.075)

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

สีตรงข้ามของ #5cabe4 คือ #d69253 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #2eb5cc และ #8a9eea ส่วนสีสามเส้าคือ #de839d และ #97ae59

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

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

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

#5cabe4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 242 องศา ความสว่าง 71.4% และความสด 0.114