#396209

#396209

Color Values

HEX

#396209

RGB

57, 98, 9

HSL

87.6, 83.2%, 21.0%

HSV

87.6, 90.8%, 38.4%

CMYK

41.8%, 0.0%, 90.8%, 61.6%

OKLCH

0.4486 0.1208 132.7

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#396209

#320962

Analogous

#625F09

#0D6209

#396209

Triadic

#396209

#093962

#620939

Split Complementary

#396209

#090D62

#5F0962

Tetradic

#396209

#09625F

#320962

#62090D

Color Blindness Simulation

Original

#396209

Protanopia

#4B4B1F

Deuteranopia

#484524

Tritanopia

#3B3033

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFAE1
200
#DEF9BE
300
#C6F58F
400
#A7EF52
500
#88EA15
600
#6DBB11
700
#57950E
800
#44750B
900
#33550C
950
#203608

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