#5EDFE0

#5EDFE0

Color Values

HEX

#5EDFE0

RGB

94, 223, 224

HSL

180.5, 67.7%, 62.4%

HSV

180.5, 58.0%, 87.8%

CMYK

58.0%, 0.4%, 0.0%, 12.2%

OKLCH

0.8328 0.1129 195.9

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#5EDFE0

#E05F5E

Analogous

#5EE0A0

#5E9EE0

#5EDFE0

Triadic

#5EDFE0

#E05EDF

#DFE05E

Split Complementary

#5EDFE0

#E05E9E

#E0A05E

Tetradic

#5EDFE0

#A05EE0

#E05F5E

#9EE05E

Color Blindness Simulation

Original

#5EDFE0

Protanopia

#9697E0

Deuteranopia

#8E85E0

Tritanopia

#64E0E0

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C3F3F3
300
#98EBEB
400
#61DFE1
500
#29D4D6
600
#21AAAB
700
#1A8889
800
#156A6B
900
#134D4E
950
#0C3131

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.11:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026