#36725F

#36725F

Color Values

HEX

#36725F

RGB

54, 114, 95

HSL

161.0, 35.7%, 32.9%

HSV

161.0, 52.6%, 44.7%

CMYK

52.6%, 0.0%, 16.7%, 55.3%

OKLCH

0.506 0.0702 170.4

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#36725F

#723649

Analogous

#367241

#366772

#36725F

Triadic

#36725F

#5F3672

#725F36

Split Complementary

#36725F

#723667

#724136

Tetradic

#36725F

#413672

#723649

#677236

Color Blindness Simulation

Original

#36725F

Protanopia

#505164

Deuteranopia

#4C4865

Tritanopia

#396768

Achromatopsia

#646464

CSS Usage

background-color: #36725F;
color: #36725F;
border-color: #36725F;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CFE8E0
300
#ACD8CA
400
#7FC2AD
500
#52AD90
600
#428A73
700
#346F5C
800
#295748
900
#214036
950
#152822

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

3.73:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026