#5ECADC

#5ECADC

Color Values

HEX

#5ECADC

RGB

94, 202, 220

HSL

188.6, 64.3%, 61.6%

HSV

188.6, 57.3%, 86.3%

CMYK

57.3%, 8.2%, 0.0%, 13.7%

OKLCH

0.7825 0.1017 209.9

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#5ECADC

#DC705E

Analogous

#5EDCAF

#5E8BDC

#5ECADC

Triadic

#5ECADC

#DC5ECA

#CADC5E

Split Complementary

#5ECADC

#DC5E8B

#DCAF5E

Tetradic

#5ECADC

#AF5EDC

#DC705E

#8BDC5E

Color Blindness Simulation

Original

#5ECADC

Protanopia

#8D8ED8

Deuteranopia

#867ED7

Tritanopia

#63D4D3

Achromatopsia

#B4B4B4

CSS Usage

background-color: #5ECADC;
color: #5ECADC;
border-color: #5ECADC;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FAFC
100
#E3F4F7
200
#C4ECF2
300
#9ADEE9
400
#64CCDD
500
#2EBAD1
600
#2495A8
700
#1D7786
800
#175D69
900
#14444C
950
#0D2B30

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

10.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026