#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