#367661

#367661

Color Values

HEX

#367661

RGB

54, 118, 97

HSL

160.3, 37.2%, 33.7%

HSV

160.3, 54.2%, 46.3%

CMYK

54.2%, 0.0%, 17.8%, 53.7%

OKLCH

0.5173 0.0745 169.4

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#367661

#76364B

Analogous

#367641

#366B76

#367661

Triadic

#367661

#613676

#766136

Split Complementary

#367661

#76366B

#764136

Tetradic

#367661

#413676

#76364B

#6B7636

Color Blindness Simulation

Original

#367661

Protanopia

#525266

Deuteranopia

#4E4967

Tritanopia

#396A6B

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CEE9E0
300
#ABD9CA
400
#7EC4AD
500
#50AF90
600
#408C73
700
#33705C
800
#285748
900
#204136
950
#142922

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

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