#36BEC0

#36BEC0

Color Values

HEX

#36BEC0

RGB

54, 190, 192

HSL

180.9, 56.1%, 48.2%

HSV

180.9, 71.9%, 75.3%

CMYK

71.9%, 1.0%, 0.0%, 24.7%

OKLCH

0.7325 0.1123 196.5

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#36BEC0

#C03836

Analogous

#36C07D

#3679C0

#36BEC0

Triadic

#36BEC0

#C036BE

#BEC036

Split Complementary

#36BEC0

#C03679

#C07D36

Tetradic

#36BEC0

#7D36C0

#C03836

#79C036

Color Blindness Simulation

Original

#36BEC0

Protanopia

#7172C0

Deuteranopia

#695FBF

Tritanopia

#3DBFBF

Achromatopsia

#A1A1A1

CSS Usage

background-color: #36BEC0;
color: #36BEC0;
border-color: #36BEC0;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FBFB
100
#E5F5F6
200
#C7EFEF
300
#9FE3E4
400
#6CD4D6
500
#38C5C7
600
#2D9E9F
700
#247E7F
800
#1C6264
900
#184849
950
#0F2E2E

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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