#397015

#397015

Color Values

HEX

#397015

RGB

57, 112, 21

HSL

96.3, 68.4%, 26.1%

HSV

96.3, 81.2%, 43.9%

CMYK

49.1%, 0.0%, 81.2%, 56.1%

OKLCH

0.4887 0.1334 136.1

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#397015

#4C1570

Analogous

#677015

#15701F

#397015

Triadic

#397015

#153970

#701539

Split Complementary

#397015

#1F1570

#701567

Tetradic

#397015

#156770

#4C1570

#701F15

Color Blindness Simulation

Original

#397015

Protanopia

#51512B

Deuteranopia

#4E4A30

Tritanopia

#3C3C40

Achromatopsia

#5E5E5E

CSS Usage

background-color: #397015;
color: #397015;
border-color: #397015;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F6FCF3
100
#EBF8E3
200
#D6F4C3
300
#B9EC98
400
#93E160
500
#6DD728
600
#57AC20
700
#46891A
800
#376B14
900
#2A4E13
950
#1B310C

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

3.5:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026