#396204

#396204

Color Values

HEX

#396204

RGB

57, 98, 4

HSL

86.2, 92.2%, 20.0%

HSV

86.2, 95.9%, 38.4%

CMYK

41.8%, 0.0%, 95.9%, 61.6%

OKLCH

0.4484 0.1229 132.3

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#396204

#2D0462

Analogous

#625C04

#0A6204

#396204

Triadic

#396204

#043962

#620439

Split Complementary

#396204

#040A62

#5C0462

Tetradic

#396204

#04625C

#2D0462

#62040A

Color Blindness Simulation

Original

#396204

Protanopia

#4B4B1B

Deuteranopia

#484520

Tritanopia

#3B2D31

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EFFBDF
200
#DFFCBA
300
#C9FA89
400
#ACF84A
500
#8EF50A
600
#72C408
700
#5B9D06
800
#477B05
900
#365908
950
#223805

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

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