#407233

#407233

Color Values

HEX

#407233

RGB

64, 114, 51

HSL

107.6, 38.2%, 32.4%

HSV

107.6, 55.3%, 44.7%

CMYK

43.9%, 0.0%, 55.3%, 55.3%

OKLCH

0.501 0.1083 139.5

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#407233

#653372

Analogous

#607233

#337246

#407233

Triadic

#407233

#334072

#723340

Split Complementary

#407233

#463372

#723360

Tetradic

#407233

#336072

#653372

#724633

Color Blindness Simulation

Original

#407233

Protanopia

#565642

Deuteranopia

#534F46

Tritanopia

#424E51

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EAF3E7
200
#D3E9CE
300
#B4D9AA
400
#8CC57D
500
#63B04F
600
#4F8D3F
700
#3F7132
800
#315827
900
#274120
950
#182914

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

3.67:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026