#406822

#406822

Color Values

HEX

#406822

RGB

64, 104, 34

HSL

94.3, 50.7%, 27.1%

HSV

94.3, 67.3%, 40.8%

CMYK

38.5%, 0.0%, 67.3%, 59.2%

OKLCH

0.4714 0.1092 134.1

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#406822

#4A2268

Analogous

#636822

#226827

#406822

Triadic

#406822

#224068

#682240

Split Complementary

#406822

#272268

#682263

Tetradic

#406822

#226368

#4A2268

#682722

Color Blindness Simulation

Original

#406822

Protanopia

#515233

Deuteranopia

#4F4C37

Tritanopia

#424043

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF5E5
200
#D9EDC9
300
#BDE1A3
400
#9AD071
500
#76C03F
600
#5F9A32
700
#4C7B28
800
#3B601F
900
#2D471A
950
#1D2D11

Contrast Checker

Text on white

6.52:1

AA Pass AAA Fail

Text on black

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