# สี #5cb4e1: โทนสด เฉดอ่อนของสีฟ้า

#5cb4e1 คือ rgb(92, 180, 225) ใน RGB และ oklch(73.322% 0.10675 233.091) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5cb4e1 |
| RGB | rgb(92, 180, 225) |
| HSL | hsl(200.3, 68.91%, 62.16%) |
| HSB / HSV | hsv(200.3 59.11% 88.24%) |
| HWB | hwb(200.3 36.08% 11.76%) |
| CMYK | cmyk(59% 20% 0% 12%) |
| Lab | lab(69.23 -17.57 -31.23) |
| LCH | lch(69.23 35.84 240.64) |
| OKLab | oklab(73.322% -0.06411 -0.08535) |
| OKLCH | oklch(73.322% 0.10675 233.091) |
| Display P3 | color(display-p3 0.44803 0.69777 0.86528) |
| Rec. 2020 | color(rec2020 0.48985 0.65705 0.84671) |
| Adobe RGB | color(a98-rgb 0.48814 0.70001 0.87244) |
| ProPhoto RGB | color(prophoto-rgb 0.52466 0.62603 0.82489) |
| sRGB เชิงเส้น | color(srgb-linear 0.10702 0.45641 0.75294) |
| XYZ D65 | color(xyz-d65 0.34323 0.40352 0.77217) |
| XYZ D50 | color(xyz-d50 0.33019 0.39665 0.58347) |
| SwiftUI | Color(red: 0.361, green: 0.706, blue: 0.882) |
| UIKit | UIColor(red: 0.361, green: 0.706, blue: 0.882, alpha: 1) |
| Flutter / Compose | Color(0xFF5CB4E1) |
| Android XML | #5CB4E1 |

## ข้อมูล

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

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

#5cb4e1, #6fbce4, #80c3e8, #91cbeb, #a1d2ee, #b1daf1, #c1e1f4, #d1e9f7, #e0f0fa, #f0f8fc

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

#5cb4e1, #4f9cc4, #4285a7, #366e8b, #2a5870, #1f4456, #14303e, #0a1d27, #030c12, #000202

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

#5cb4e1, #66b3dc, #70b2d6, #78b1d0, #80b0cb, #88afc5, #8faec0, #96adba, #9cabb4, #a2aaae

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

- คู่ตรงข้าม: #5cb4e1, #de9667
- คู่ตรงข้ามแยก: #5cb4e1, #e48d89, #c9a255
- ข้างเคียง: #5cb4e1, #42bcc6, #85a8ec
- สามเส้า: #5cb4e1, #dd8cae, #a9b05e
- สี่เหลี่ยมผืนผ้า: #5cb4e1, #ab9ce6, #de9667, #a9b05e
- สี่เหลี่ยมจัตุรัส: #5cb4e1, #c992d0, #de9667, #80ba7c
- โทนสีเดียว: #5cb4e1, #006a94, #338eba, #83dbff, #dafbff

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

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

#5cb4e1 เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(92, 180, 225) ใน HSL คือ hsl(200.3, 68.91%, 62.16%) และใน OKLCH คือ oklch(73.322% 0.10675 233.091)

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

สีตรงข้ามของ #5cb4e1 คือ #de9667 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #42bcc6 และ #85a8ec ส่วนสีสามเส้าคือ #dd8cae และ #a9b05e

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

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

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

#5cb4e1 เป็นสีโทนเย็น ใน OKLCH มีฮิว 233 องศา ความสว่าง 73.3% และความสด 0.107