#406322

#406322

Color Values

HEX

#406322

RGB

64, 99, 34

HSL

92.3, 48.9%, 26.1%

HSV

92.3, 65.7%, 38.8%

CMYK

35.4%, 0.0%, 65.7%, 61.2%

OKLCH

0.4577 0.1018 133.0

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#406322

#452263

Analogous

#616322

#226325

#406322

Triadic

#406322

#224063

#632240

Split Complementary

#406322

#252263

#632261

Tetradic

#406322

#226163

#452263

#632522

Color Blindness Simulation

Original

#406322

Protanopia

#4F4F32

Deuteranopia

#4D4A36

Tritanopia

#423E41

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF5E6
200
#DAEDCA
300
#C0E0A4
400
#9DCF73
500
#7BBE41
600
#629834
700
#4F7A2A
800
#3D5F21
900
#2F461B
950
#1E2C11

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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