#396E04

#396E04

Color Values

HEX

#396E04

RGB

57, 110, 4

HSL

90.0, 93.0%, 22.4%

HSV

90.0, 96.4%, 43.1%

CMYK

48.2%, 0.0%, 96.4%, 56.9%

OKLCH

0.4822 0.1379 134.6

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#396E04

#39046E

Analogous

#6E6E04

#046E04

#396E04

Triadic

#396E04

#04396E

#6E0439

Split Complementary

#396E04

#04046E

#6E046E

Tetradic

#396E04

#046E6E

#39046E

#6E0404

Color Blindness Simulation

Original

#396E04

Protanopia

#50501E

Deuteranopia

#4D4924

Tritanopia

#3C3236

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F7FDF1
100
#EDFBDF
200
#DBFDBA
300
#C2FB89
400
#A1F849
500
#80F609
600
#66C507
700
#529D06
800
#407B04
900
#305908
950
#1F3805

Contrast Checker

Text on white

6.17:1

AA Pass AAA Fail

Text on black

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