#36716E

#36716E

Color Values

HEX

#36716E

RGB

54, 113, 110

HSL

176.9, 35.3%, 32.7%

HSV

176.9, 52.2%, 44.3%

CMYK

52.2%, 0.0%, 2.7%, 55.7%

OKLCH

0.5083 0.0618 191.0

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#36716E

#713639

Analogous

#367150

#365671

#36716E

Triadic

#36716E

#6E3671

#716E36

Split Complementary

#36716E

#713656

#715036

Tetradic

#36716E

#503671

#713639

#567136

Color Blindness Simulation

Original

#36716E

Protanopia

#50506F

Deuteranopia

#4C486F

Tritanopia

#396F6F

Achromatopsia

#646464

CSS Usage

background-color: #36716E;
color: #36716E;
border-color: #36716E;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5FAF9
100
#E8F3F2
200
#CFE8E7
300
#ACD7D5
400
#7FC2BF
500
#52ADA8
600
#428A86
700
#356E6B
800
#295654
900
#21403E
950
#152827

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

3.74:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026