#5BE6CF

#5BE6CF

Color Values

HEX

#5BE6CF

RGB

91, 230, 207

HSL

170.1, 73.5%, 62.9%

HSV

170.1, 60.4%, 90.2%

CMYK

60.4%, 0.0%, 10.0%, 9.8%

OKLCH

0.8431 0.1247 180.3

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#5BE6CF

#E65B72

Analogous

#5BE689

#5BB7E6

#5BE6CF

Triadic

#5BE6CF

#CF5BE6

#E6CF5B

Split Complementary

#5BE6CF

#E65BB7

#E6895B

Tetradic

#5BE6CF

#895BE6

#E65B72

#B7E65B

Color Blindness Simulation

Original

#5BE6CF

Protanopia

#9798D5

Deuteranopia

#8F85D6

Tritanopia

#62D9DA

Achromatopsia

#C7C7C7

CSS Usage

background-color: #5BE6CF;
color: #5BE6CF;
border-color: #5BE6CF;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F3FCFB
100
#E2F8F5
200
#C1F6ED
300
#95EFE0
400
#5BE6CF
500
#22DDBE
600
#1BB198
700
#168E7A
800
#116F5F
900
#105046
950
#0A332C

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.66: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