#5FD0E2

#5FD0E2

Color Values

HEX

#5FD0E2

RGB

95, 208, 226

HSL

188.2, 69.3%, 62.9%

HSV

188.2, 58.0%, 88.6%

CMYK

58.0%, 8.0%, 0.0%, 11.4%

OKLCH

0.799 0.105 209.4

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#5FD0E2

#E2715F

Analogous

#5FE2B2

#5F8EE2

#5FD0E2

Triadic

#5FD0E2

#E25FD0

#D0E25F

Split Complementary

#5FD0E2

#E25F8E

#E2B25F

Tetradic

#5FD0E2

#B25FE2

#E2715F

#8EE25F

Color Blindness Simulation

Original

#5FD0E2

Protanopia

#9091DE

Deuteranopia

#8981DD

Tritanopia

#65DAD9

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F5F8
200
#C3EDF4
300
#97E1EC
400
#5FD0E2
500
#27C0D8
600
#1F99AD
700
#197B8A
800
#14606C
900
#12464F
950
#0C2C32

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.61:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026