#367260

#367260

Color Values

HEX

#367260

RGB

54, 114, 96

HSL

162.0, 35.7%, 32.9%

HSV

162.0, 52.6%, 44.7%

CMYK

52.6%, 0.0%, 15.8%, 55.3%

OKLCH

0.5063 0.0695 171.5

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#367260

#723648

Analogous

#367242

#366672

#367260

Triadic

#367260

#603672

#726036

Split Complementary

#367260

#723666

#724236

Tetradic

#367260

#423672

#723648

#667236

Color Blindness Simulation

Original

#367260

Protanopia

#505164

Deuteranopia

#4C4865

Tritanopia

#396869

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CFE8E0
300
#ACD8CB
400
#7FC2AE
500
#52AD92
600
#428A75
700
#346F5D
800
#295749
900
#214037
950
#152823

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