#396506

#396506

Color Values

HEX

#396506

RGB

57, 101, 6

HSL

87.8, 88.8%, 21.0%

HSV

87.8, 94.1%, 39.6%

CMYK

43.6%, 0.0%, 94.1%, 60.4%

OKLCH

0.457 0.1259 133.1

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#396506

#320665

Analogous

#656206

#096506

#396506

Triadic

#396506

#063965

#650639

Split Complementary

#396506

#060965

#620665

Tetradic

#396506

#066562

#320665

#650609

Color Blindness Simulation

Original

#396506

Protanopia

#4C4C1D

Deuteranopia

#4A4622

Tritanopia

#3B2F33

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFBE0
200
#DEFBBC
300
#C6F88B
400
#A7F44D
500
#88F10E
600
#6DC10B
700
#579A09
800
#447807
900
#33570A
950
#203706

Contrast Checker

Text on white

6.91:1

AA Pass AAA Fail

Text on black

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