#396B0E

#396B0E

Color Values

HEX

#396B0E

RGB

57, 107, 14

HSL

92.3, 76.9%, 23.7%

HSV

92.3, 86.9%, 42.0%

CMYK

46.7%, 0.0%, 86.9%, 58.0%

OKLCH

0.4742 0.1304 134.8

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#396B0E

#400E6B

Analogous

#676B0E

#0E6B12

#396B0E

Triadic

#396B0E

#0E396B

#6B0E39

Split Complementary

#396B0E

#120E6B

#6B0E67

Tetradic

#396B0E

#0E676B

#400E6B

#6B120E

Color Blindness Simulation

Original

#396B0E

Protanopia

#4F4F24

Deuteranopia

#4C482A

Tritanopia

#3C363A

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F7FCF2
100
#ECF9E1
200
#D9F7C0
300
#BEF193
400
#9BE958
500
#78E21D
600
#60B418
700
#4D9013
800
#3C710F
900
#2E520F
950
#1D3409

Contrast Checker

Text on white

6.4:1

AA Pass AAA Fail

Text on black

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