#396017

#396017

Color Values

HEX

#396017

RGB

57, 96, 23

HSL

92.1, 61.3%, 23.3%

HSV

92.1, 76.0%, 37.6%

CMYK

40.6%, 0.0%, 76.0%, 62.4%

OKLCH

0.4439 0.1104 133.6

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#396017

#3E1760

Analogous

#5D6017

#17601A

#396017

Triadic

#396017

#173960

#601739

Split Complementary

#396017

#1A1760

#60175D

Tetradic

#396017

#175D60

#3E1760

#601A17

Color Blindness Simulation

Original

#396017

Protanopia

#4A4A29

Deuteranopia

#48452D

Tritanopia

#3B373A

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#ECF6E4
200
#DAF1C5
300
#BFE79C
400
#9DDA67
500
#7ACE31
600
#62A527
700
#4E8420
800
#3D6719
900
#2F4B16
950
#1D2F0E

Contrast Checker

Text on white

7.34:1

AA Pass AAA Pass

Text on black

2.86:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026