#407041

#407041

Color Values

HEX

#407041

RGB

64, 112, 65

HSL

121.2, 27.3%, 34.5%

HSV

121.2, 42.9%, 43.9%

CMYK

42.9%, 0.0%, 42.0%, 56.1%

OKLCH

0.498 0.0901 144.5

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#407041

#70406F

Analogous

#577040

#407059

#407041

Triadic

#407041

#414070

#704140

Split Complementary

#407041

#594070

#704057

Tetradic

#407041

#405770

#70406F

#705940

Color Blindness Simulation

Original

#407041

Protanopia

#55554C

Deuteranopia

#524E4F

Tritanopia

#425557

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#E9F1E9
200
#D2E5D2
300
#B1D3B2
400
#87BA88
500
#5DA25E
600
#4A824B
700
#3B683C
800
#2E512F
900
#253C25
950
#172617

Contrast Checker

Text on white

5.81:1

AA Pass AAA Fail

Text on black

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