#397F40

#397F40

Color Values

HEX

#397F40

RGB

57, 127, 64

HSL

126.0, 38.0%, 36.1%

HSV

126.0, 55.1%, 49.8%

CMYK

55.1%, 0.0%, 49.6%, 50.2%

OKLCH

0.5353 0.1188 145.6

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#397F40

#7F3978

Analogous

#557F39

#397F63

#397F40

Triadic

#397F40

#40397F

#7F4039

Split Complementary

#397F40

#63397F

#7F3955

Tetradic

#397F40

#39557F

#7F3978

#7F6339

Color Blindness Simulation

Original

#397F40

Protanopia

#57584F

Deuteranopia

#534E53

Tritanopia

#3C5B5E

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E9
200
#CEE9D0
300
#ABD9AF
400
#7DC584
500
#4FB059
600
#3F8D47
700
#337139
800
#28582C
900
#204123
950
#142916

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

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