#397052

#397052

Color Values

HEX

#397052

RGB

57, 112, 82

HSL

147.3, 32.5%, 33.1%

HSV

147.3, 49.1%, 43.9%

CMYK

49.1%, 0.0%, 26.8%, 56.1%

OKLCH

0.4983 0.0764 158.1

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#397052

#703957

Analogous

#3B7039

#39706D

#397052

Triadic

#397052

#523970

#705239

Split Complementary

#397052

#6D3970

#70393B

Tetradic

#397052

#393B70

#703957

#706D39

Color Blindness Simulation

Original

#397052

Protanopia

#515159

Deuteranopia

#4E4A5B

Tritanopia

#3C5F60

Achromatopsia

#626262

CSS Usage

background-color: #397052;
color: #397052;
border-color: #397052;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5F9F7
100
#E8F2ED
200
#D0E7DA
300
#AED6C0
400
#82BF9E
500
#56A97C
600
#458763
700
#376C4F
800
#2B543E
900
#223F2F
950
#16281E

Contrast Checker

Text on white

5.81:1

AA Pass AAA Fail

Text on black

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