#5BE6DF

#5BE6DF

Color Values

HEX

#5BE6DF

RGB

91, 230, 223

HSL

177.0, 73.5%, 62.9%

HSV

177.0, 60.4%, 90.2%

CMYK

60.4%, 0.0%, 3.0%, 9.8%

OKLCH

0.848 0.1198 190.5

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#5BE6DF

#E65B62

Analogous

#5BE699

#5BA7E6

#5BE6DF

Triadic

#5BE6DF

#DF5BE6

#E6DF5B

Split Complementary

#5BE6DF

#E65BA7

#E6995B

Tetradic

#5BE6DF

#995BE6

#E65B62

#A7E65B

Color Blindness Simulation

Original

#5BE6DF

Protanopia

#9798E1

Deuteranopia

#8F85E1

Tritanopia

#62E2E2

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F8F7
200
#C1F6F3
300
#95EFEA
400
#5BE6DF
500
#22DDD4
600
#1BB1A9
700
#168E88
800
#116F6A
900
#10504D
950
#0A3331

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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