#397742

#397742

Color Values

HEX

#397742

RGB

57, 119, 66

HSL

128.7, 35.2%, 34.5%

HSV

128.7, 52.1%, 46.7%

CMYK

52.1%, 0.0%, 44.5%, 53.3%

OKLCH

0.5138 0.1045 147.0

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#397742

#77396E

Analogous

#4F7739

#397761

#397742

Triadic

#397742

#423977

#774239

Split Complementary

#397742

#613977

#77394F

Tetradic

#397742

#394F77

#77396E

#776139

Color Blindness Simulation

Original

#397742

Protanopia

#54544F

Deuteranopia

#504C52

Tritanopia

#3C595B

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F2E9
200
#CFE8D2
300
#ACD7B3
400
#7FC289
500
#53AC60
600
#428A4D
700
#356E3D
800
#295630
900
#214026
950
#152818

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

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