#397D63

#397D63

Color Values

HEX

#397D63

RGB

57, 125, 99

HSL

157.1, 37.4%, 35.7%

HSV

157.1, 54.4%, 49.0%

CMYK

54.4%, 0.0%, 20.8%, 51.0%

OKLCH

0.5377 0.0811 165.9

Properties

Cool Dark Nearest: aquamarine 4

Color Harmonies

Complementary

#397D63

#7D3953

Analogous

#397D41

#39757D

#397D63

Triadic

#397D63

#63397D

#7D6339

Split Complementary

#397D63

#7D3975

#7D4139

Tetradic

#397D63

#41397D

#7D3953

#757D39

Color Blindness Simulation

Original

#397D63

Protanopia

#565769

Deuteranopia

#524D6B

Tritanopia

#3C6E6F

Achromatopsia

#6D6D6D

CSS Usage

background-color: #397D63;
color: #397D63;
border-color: #397D63;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CEE9DE
300
#ABD9C7
400
#7DC4A9
500
#50AF8B
600
#408C6F
700
#337059
800
#285845
900
#204134
950
#142921

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.29:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026