#407331

#407331

Color Values

HEX

#407331

RGB

64, 115, 49

HSL

106,4, 40,2%, 32,2%

HSV

106,4, 57,4%, 45,1%

CMYK

44,3%, 0,0%, 57,4%, 54,9%

OKLCH

0,5035 0,1118 139,0

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#407331

#643173

Analogous

#617331

#317343

#407331

Triadic

#407331

#314073

#733140

Split Complementary

#407331

#433173

#733161

Tetradic

#407331

#316173

#643173

#734331

Color Blindness Simulation

Original

#407331

Protanopia

#565741

Deuteranopia

#534F45

Tritanopia

#434E50

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EAF3E7
200
#D3EACD
300
#B4DAA9
400
#8CC77B
500
#63B34C
600
#508F3D
700
#407231
800
#325926
900
#27421F
950
#192A14

Contrast Checker

Text on white

5,65:1

AA Pass AAA Fail

Text on black

3,71:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026