#36C9B4

#36C9B4

Color Values

HEX

#36C9B4

RGB

54, 201, 180

HSL

171.4, 57.6%, 50.0%

HSV

171.4, 73.1%, 78.8%

CMYK

73.1%, 0.0%, 10.4%, 21.2%

OKLCH

0.7556 0.124 180.9

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#36C9B4

#C9364B

Analogous

#36C96A

#3695C9

#36C9B4

Triadic

#36C9B4

#B436C9

#C9B436

Split Complementary

#36C9B4

#C93695

#C96A36

Tetradic

#36C9B4

#6A36C9

#C9364B

#95C936

Color Blindness Simulation

Original

#36C9B4

Protanopia

#7677B9

Deuteranopia

#6D62BA

Tritanopia

#3DBDBE

Achromatopsia

#A8A8A8

CSS Usage

background-color: #36C9B4;
color: #36C9B4;
border-color: #36C9B4;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F4FBFA
100
#E4F6F3
200
#C7F0EA
300
#9FE5DB
400
#6AD7C7
500
#36C9B4
600
#2BA190
700
#238173
800
#1B645A
900
#174A42
950
#0F2E2A

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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