#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026