#396413

#396413

Color Values

HEX

#396413

RGB

57, 100, 19

HSL

91.9, 68.1%, 23.3%

HSV

91.9, 81.0%, 39.2%

CMYK

43.0%, 0.0%, 81.0%, 60.8%

OKLCH

0.4548 0.1185 134.0

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#396413

#3E1364

Analogous

#616413

#136416

#396413

Triadic

#396413

#133964

#641339

Split Complementary

#396413

#161364

#641361

Tetradic

#396413

#136164

#3E1364

#641613

Color Blindness Simulation

Original

#396413

Protanopia

#4C4C27

Deuteranopia

#49462B

Tritanopia

#3B3639

Achromatopsia

#555555

CSS Usage

background-color: #396413;
color: #396413;
border-color: #396413;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#DAF4C3
300
#BFEB98
400
#9DE160
500
#7AD629
600
#62AB21
700
#4E891A
800
#3D6B14
900
#2F4E13
950
#1D310C

Contrast Checker

Text on white

6.99:1

AA Pass AAA Fail

Text on black

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