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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5cabe3 |
| RGB | rgb(92, 171, 227) |
| HSL | hsl(204.89, 70.68%, 62.55%) |
| HSB / HSV | hsv(204.89 59.47% 89.02%) |
| HWB | hwb(204.89 36.08% 10.98%) |
| CMYK | cmyk(59% 25% 0% 11%) |
| Lab | lab(66.7 -12.68 -36.22) |
| LCH | lch(66.7 38.37 250.71) |
| OKLab | oklab(71.378% -0.05384 -0.09958) |
| OKLCH | oklch(71.378% 0.1132 241.601) |
| Display P3 | color(display-p3 0.43704 0.66314 0.87073) |
| Rec. 2020 | color(rec2020 0.47309 0.6208 0.85222) |
| Adobe RGB | color(a98-rgb 0.4728 0.66466 0.87913) |
| ProPhoto RGB | color(prophoto-rgb 0.51141 0.59087 0.82966) |
| sRGB เชิงเส้น | color(srgb-linear 0.10702 0.40724 0.76815) |
| XYZ D65 | color(xyz-d65 0.32839 0.36946 0.78076) |
| XYZ D50 | color(xyz-d50 0.31342 0.36232 0.58956) |
| SwiftUI | Color(red: 0.361, green: 0.671, blue: 0.89) |
| UIKit | UIColor(red: 0.361, green: 0.671, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFF5CABE3) |
| Android XML | #5CABE3 |

## ข้อมูล

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

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

#5cabe3, #6eb4e6, #7fbce9, #90c5ed, #a0cdf0, #b0d5f2, #c0def5, #d0e6f8, #dfeefa, #eff7fd

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

#5cabe3, #4f94c5, #427ea8, #36688c, #2a5471, #1f4057, #142d3f, #0a1b27, #030b12, #000103

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

#5cabe3, #65aadd, #6eaad6, #75a9d0, #7da9ca, #84a8c3, #8aa7bd, #91a6b6, #97a5b0, #9da4a9

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

- คู่ตรงข้าม: #5cabe3, #d59254
- คู่ตรงข้ามแยก: #5cabe3, #e08776, #bca047
- ข้างเคียง: #5cabe3, #30b5cb, #899eea
- สามเส้า: #5cabe3, #dd849e, #97ae5a
- สี่เหลี่ยมผืนผ้า: #5cabe3, #af91de, #d59254, #97ae5a
- สี่เหลี่ยมจัตุรัส: #5cabe3, #cc88c3, #d59254, #69b77f
- โทนสีเดียว: #5cabe3, #006295, #3586bb, #82d2ff, #d5f5ff

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

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

#5cabe3 เป็นโทนละมุน เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(92, 171, 227) ใน HSL คือ hsl(204.89, 70.68%, 62.55%) และใน OKLCH คือ oklch(71.378% 0.1132 241.601)

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

สีตรงข้ามของ #5cabe3 คือ #d59254 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #30b5cb และ #899eea ส่วนสีสามเส้าคือ #dd849e และ #97ae5a

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

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

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

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