#396423

#396423

Color Values

HEX

#396423

RGB

57, 100, 35

HSL

99.7, 48.1%, 26.5%

HSV

99.7, 65.0%, 39.2%

CMYK

43.0%, 0.0%, 65.0%, 60.8%

OKLCH

0.4563 0.1065 136.5

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#396423

#4E2364

Analogous

#5A6423

#23642E

#396423

Triadic

#396423

#233964

#642339

Split Complementary

#396423

#2E2364

#64235A

Tetradic

#396423

#235A64

#4E2364

#642E23

Color Blindness Simulation

Original

#396423

Protanopia

#4C4C33

Deuteranopia

#494636

Tritanopia

#3B3F42

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F6FAF4
100
#EBF4E6
200
#D6ECCA
300
#B8DFA4
400
#92CE73
500
#6CBD42
600
#569735
700
#45792A
800
#365E21
900
#2A451B
950
#1A2C11

Contrast Checker

Text on white

6.95:1

AA Pass AAA Fail

Text on black

3.02:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026