#36A7AB

#36A7AB

Color Values

HEX

#36A7AB

RGB

54, 167, 171

HSL

182.1, 52.0%, 44.1%

HSV

182.1, 68.4%, 67.1%

CMYK

68.4%, 2.3%, 0.0%, 32.9%

OKLCH

0.6682 0.0987 198.5

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#36A7AB

#AB3A36

Analogous

#36AB75

#366CAB

#36A7AB

Triadic

#36A7AB

#AB36A7

#A7AB36

Split Complementary

#36A7AB

#AB366C

#AB7536

Tetradic

#36A7AB

#7536AB

#AB3A36

#6CAB36

Color Blindness Simulation

Original

#36A7AB

Protanopia

#6768AA

Deuteranopia

#6058AA

Tritanopia

#3CA9A9

Achromatopsia

#8F8F8F

CSS Usage

background-color: #36A7AB;
color: #36A7AB;
border-color: #36A7AB;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C9EDEE
300
#A2DFE2
400
#70CED2
500
#3DBDC2
600
#31979B
700
#27797C
800
#1F5F61
900
#1A4647
950
#102C2D

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.27:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026