#397E46

#397E46

Color Values

HEX

#397E46

RGB

57, 126, 70

HSL

131.3, 37.7%, 35.9%

HSV

131.3, 54.8%, 49.4%

CMYK

54.8%, 0.0%, 44.4%, 50.6%

OKLCH

0.5336 0.1112 147.9

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#397E46

#7E3971

Analogous

#4F7E39

#397E69

#397E46

Triadic

#397E46

#46397E

#7E4639

Split Complementary

#397E46

#69397E

#7E394F

Tetradic

#397E46

#394F7E

#7E3971

#7E6939

Color Blindness Simulation

Original

#397E46

Protanopia

#575754

Deuteranopia

#534E57

Tritanopia

#3C5E61

Achromatopsia

#6B6B6B

CSS Usage

background-color: #397E46;
color: #397E46;
border-color: #397E46;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5FAF6
100
#E7F3EA
200
#CEE9D3
300
#ABD9B3
400
#7DC48A
500
#4FB062
600
#408C4E
700
#33703E
800
#285831
900
#204126
950
#142918

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

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