#406D36

#406D36

Color Values

HEX

#406D36

RGB

64, 109, 54

HSL

109.1, 33.7%, 32.0%

HSV

109.1, 50.5%, 42.7%

CMYK

41.3%, 0.0%, 50.5%, 57.3%

OKLCH

0.4879 0.0973 140.0

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#406D36

#63366D

Analogous

#5C6D36

#366D48

#406D36

Triadic

#406D36

#36406D

#6D3640

Split Complementary

#406D36

#48366D

#6D365C

Tetradic

#406D36

#365C6D

#63366D

#6D4836

Color Blindness Simulation

Original

#406D36

Protanopia

#535443

Deuteranopia

#514E46

Tritanopia

#424E50

Achromatopsia

#5F5F5F

CSS Usage

background-color: #406D36;
color: #406D36;
border-color: #406D36;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F6FAF5
100
#EAF2E8
200
#D4E7CF
300
#B5D6AD
400
#8CC081
500
#64AA55
600
#508844
700
#406D36
800
#32552A
900
#273F22
950
#192815

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

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