#397D3F

#397D3F

Color Values

HEX

#397D3F

RGB

57, 125, 63

HSL

125.3, 37.4%, 35.7%

HSV

125.3, 54.4%, 49.0%

CMYK

54.4%, 0.0%, 49.6%, 51.0%

OKLCH

0.5296 0.1169 145.4

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#397D3F

#7D3977

Analogous

#557D39

#397D61

#397D3F

Triadic

#397D3F

#3F397D

#7D3F39

Split Complementary

#397D3F

#61397D

#7D3955

Tetradic

#397D3F

#39557D

#7D3977

#7D6139

Color Blindness Simulation

Original

#397D3F

Protanopia

#56574E

Deuteranopia

#524D52

Tritanopia

#3C5A5C

Achromatopsia

#6A6A6A

CSS Usage

background-color: #397D3F;
color: #397D3F;
border-color: #397D3F;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CEE9D0
300
#ABD9AF
400
#7DC484
500
#50AF58
600
#408C47
700
#337038
800
#28582C
900
#204123
950
#142916

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

4.18:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026