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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5ecce4 |
| RGB | rgb(94, 204, 228) |
| HSL | hsl(190.75, 71.28%, 63.14%) |
| HSB / HSV | hsv(190.75 58.77% 89.41%) |
| HWB | hwb(190.75 36.86% 10.59%) |
| CMYK | cmyk(59% 11% 0% 11%) |
| Lab | lab(76.36 -27.61 -22.01) |
| LCH | lch(76.36 35.31 218.56) |
| OKLab | oklab(79.016% -0.08714 -0.05925) |
| OKLCH | oklch(79.016% 0.10538 214.215) |
| Display P3 | color(display-p3 0.4837 0.79029 0.88188) |
| Rec. 2020 | color(rec2020 0.54272 0.75552 0.8664) |
| Adobe RGB | color(a98-rgb 0.53439 0.79502 0.88729) |
| ProPhoto RGB | color(prophoto-rgb 0.57356 0.72482 0.84874) |
| sRGB เชิงเส้น | color(srgb-linear 0.11193 0.60383 0.77582) |
| XYZ D65 | color(xyz-d65 0.4021 0.51165 0.81158) |
| XYZ D50 | color(xyz-d50 0.39238 0.50481 0.61419) |
| SwiftUI | Color(red: 0.369, green: 0.8, blue: 0.894) |
| UIKit | UIColor(red: 0.369, green: 0.8, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFF5ECCE4) |
| Android XML | #5ECCE4 |

## ข้อมูล

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

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

#5ecce4, #72d1e7, #85d7ea, #96dcec, #a6e1ef, #b5e6f2, #c5ebf5, #d3f0f7, #e2f5fa, #f1fafc

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

#5ecce4, #51b1c6, #4497a9, #377e8d, #2b6572, #1f4e58, #14373f, #0a2228, #030f12, #000203

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

#5ecce4, #6bcae0, #77c9dc, #82c7d8, #8bc6d4, #94c4cf, #9dc2cb, #a5c0c7, #acbec3, #b3bcbf

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

- คู่ตรงข้าม: #5ecce4, #f6a28d
- คู่ตรงข้ามแยก: #5ecce4, #f49eb2, #eaac70
- ข้างเคียง: #5ecce4, #60d1c2, #7ec2fa
- สามเส้า: #5ecce4, #e4a1d6, #d0ba68
- สี่เหลี่ยมผืนผ้า: #5ecce4, #a6b6ff, #f6a28d, #d0ba68
- สี่เหลี่ยมจัตุรัส: #5ecce4, #c9aaf2, #f6a28d, #acc67a
- โทนสีเดียว: #5ecce4, #008097, #30a6bd, #87f4ff, #c8ffff

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

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

#5ecce4 เป็นโทนสด เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(94, 204, 228) ใน HSL คือ hsl(190.75, 71.28%, 63.14%) และใน OKLCH คือ oklch(79.016% 0.10538 214.215)

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

สีตรงข้ามของ #5ecce4 คือ #f6a28d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #60d1c2 และ #7ec2fa ส่วนสีสามเส้าคือ #e4a1d6 และ #d0ba68

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

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

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

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