#396803

#396803

Color Values

HEX

#396803

RGB

57, 104, 3

HSL

87.9, 94.4%, 21.0%

HSV

87.9, 97.1%, 40.8%

CMYK

45.2%, 0.0%, 97.1%, 59.2%

OKLCH

0.4653 0.1308 133.5

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#396803

#320368

Analogous

#686503

#076803

#396803

Triadic

#396803

#033968

#680339

Split Complementary

#396803

#030768

#650368

Tetradic

#396803

#036865

#320368

#680307

Color Blindness Simulation

Original

#396803

Protanopia

#4D4E1B

Deuteranopia

#4B4721

Tritanopia

#3B2F33

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EEFBDF
200
#DEFDBA
300
#C6FC88
400
#A7FA48
500
#88F807
600
#6DC606
700
#579F05
800
#447C04
900
#335A07
950
#203905

Contrast Checker

Text on white

6.66:1

AA Pass AAA Fail

Text on black

3.16:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026