#5EDCE9

#5EDCE9

Color Values

HEX

#5EDCE9

RGB

94, 220, 233

HSL

185.6, 76.0%, 64.1%

HSV

185.6, 59.7%, 91.4%

CMYK

59.7%, 5.6%, 0.0%, 8.6%

OKLCH

0.829 0.112 204.6

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#5EDCE9

#E96B5E

Analogous

#5EE9B0

#5E96E9

#5EDCE9

Triadic

#5EDCE9

#E95EDC

#DCE95E

Split Complementary

#5EDCE9

#E95E96

#E9B05E

Tetradic

#5EDCE9

#B05EE9

#E96B5E

#96E95E

Color Blindness Simulation

Original

#5EDCE9

Protanopia

#9596E6

Deuteranopia

#8D84E5

Tritanopia

#64E3E3

Achromatopsia

#C2C2C2

CSS Usage

background-color: #5EDCE9;
color: #5EDCE9;
border-color: #5EDCE9;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FBFC
100
#E2F7F9
200
#C0F1F6
300
#93E8F0
400
#59DBE8
500
#1FCEE0
600
#18A5B4
700
#148490
800
#0F6770
900
#0F4B52
950
#0A3034

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.89:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026