#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