#5BCCCC

#5BCCCC

Color Values

HEX

#5BCCCC

RGB

91, 204, 204

HSL

180.0, 52.6%, 57.8%

HSV

180.0, 55.4%, 80.0%

CMYK

55.4%, 0.0%, 0.0%, 20.0%

OKLCH

0.7805 0.1023 195.3

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#5BCCCC

#CC5B5B

Analogous

#5BCC93

#5B93CC

#5BCCCC

Triadic

#5BCCCC

#CC5BCC

#CCCC5B

Split Complementary

#5BCCCC

#CC5B93

#CC935B

Tetradic

#5BCCCC

#935BCC

#CC5B5B

#93CC5B

Color Blindness Simulation

Original

#5BCCCC

Protanopia

#8C8DCC

Deuteranopia

#857DCC

Tritanopia

#61CCCC

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C9EEEE
300
#A2E2E2
400
#6FD2D2
500
#3CC3C3
600
#309C9C
700
#277D7D
800
#1E6161
900
#1A4747
950
#102D2D

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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