# สี #5ccce4: โทนสด เฉดอ่อนของสีฟ้าอมเขียว

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5ccce4 |
| RGB | rgb(92, 204, 228) |
| HSL | hsl(190.59, 71.58%, 62.75%) |
| HSB / HSV | hsv(190.59 59.65% 89.41%) |
| HWB | hwb(190.59 36.08% 10.59%) |
| CMYK | cmyk(60% 11% 0% 11%) |
| Lab | lab(76.3 -28 -22.12) |
| LCH | lch(76.3 35.68 218.31) |
| OKLab | oklab(78.948% -0.08834 -0.05955) |
| OKLCH | oklch(78.948% 0.10654 213.985) |
| Display P3 | color(display-p3 0.47912 0.79019 0.88184) |
| Rec. 2020 | color(rec2020 0.53977 0.75529 0.86635) |
| Adobe RGB | color(a98-rgb 0.53099 0.79502 0.88729) |
| ProPhoto RGB | color(prophoto-rgb 0.5713 0.72447 0.84869) |
| sRGB เชิงเส้น | color(srgb-linear 0.10702 0.60383 0.77582) |
| XYZ D65 | color(xyz-d65 0.40008 0.5106 0.81149) |
| XYZ D50 | color(xyz-d50 0.39024 0.50372 0.61412) |
| SwiftUI | Color(red: 0.361, green: 0.8, blue: 0.894) |
| UIKit | UIColor(red: 0.361, green: 0.8, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFF5CCCE4) |
| Android XML | #5CCCE4 |

## ข้อมูล

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

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

#5ccce4, #71d1e7, #83d7ea, #95dcec, #a5e1ef, #b5e6f2, #c4ebf5, #d3f0f7, #e2f5fa, #f1fafc

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

#5ccce4, #4fb1c6, #4297a9, #367e8d, #2a6572, #1f4e58, #14373f, #0a2228, #030f12, #000203

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

#5ccce4, #6acae0, #76c9dc, #80c7d8, #8ac6d4, #93c4cf, #9cc2cb, #a4c0c7, #acbec3, #b3bcbe

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

- คู่ตรงข้าม: #5ccce4, #f7a18d
- คู่ตรงข้ามแยก: #5ccce4, #f49db2, #eaac6f
- ข้างเคียง: #5ccce4, #5ed1c2, #7cc2fa
- สามเส้า: #5ccce4, #e4a0d7, #d1b967
- สี่เหลี่ยมผืนผ้า: #5ccce4, #a5b5ff, #f7a18d, #d1b967
- สี่เหลี่ยมจัตุรัส: #5ccce4, #c9a9f2, #f7a18d, #acc679
- โทนสีเดียว: #5ccce4, #008097, #2da6bd, #86f4ff, #c7ffff

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

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

#5ccce4 เป็นโทนสด เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(92, 204, 228) ใน HSL คือ hsl(190.59, 71.58%, 62.75%) และใน OKLCH คือ oklch(78.948% 0.10654 213.985)

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

สีตรงข้ามของ #5ccce4 คือ #f7a18d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #5ed1c2 และ #7cc2fa ส่วนสีสามเส้าคือ #e4a0d7 และ #d1b967

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

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

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

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