#396724

#396724

Color Values

HEX

#396724

RGB

57, 103, 36

HSL

101.2, 48.2%, 27.3%

HSV

101.2, 65.0%, 40.4%

CMYK

44.7%, 0.0%, 65.0%, 59.6%

OKLCH

0.4648 0.11 137.2

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#396724

#522467

Analogous

#5B6724

#246731

#396724

Triadic

#396724

#243967

#672439

Split Complementary

#396724

#312467

#67245B

Tetradic

#396724

#245B67

#522467

#673124

Color Blindness Simulation

Original

#396724

Protanopia

#4D4D34

Deuteranopia

#4A4738

Tritanopia

#3B4144

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F6FAF4
100
#EAF4E6
200
#D5EDCA
300
#B7DFA4
400
#90CE73
500
#69BD42
600
#549735
700
#43792A
800
#345E21
900
#29451B
950
#1A2C11

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

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