#397512

#397512

Color Values

HEX

#397512

RGB

57, 117, 18

HSL

96.4, 73.3%, 26.5%

HSV

96.4, 84.6%, 45.9%

CMYK

51.3%, 0.0%, 84.6%, 54.1%

OKLCH

0.5025 0.1413 136.5

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#397512

#4E1275

Analogous

#6B7512

#12751D

#397512

Triadic

#397512

#123975

#751239

Split Complementary

#397512

#1D1275

#75126B

Tetradic

#397512

#126B75

#4E1275

#751D12

Color Blindness Simulation

Original

#397512

Protanopia

#53542A

Deuteranopia

#504B30

Tritanopia

#3C3D41

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EBF8E2
200
#D6F5C1
300
#B8EF95
400
#92E65B
500
#6CDD22
600
#56B11B
700
#458D16
800
#366E11
900
#2A5010
950
#1A330A

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

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