#407C06

#407C06

Color Values

HEX

#407C06

RGB

64, 124, 6

HSL

90.5, 90.8%, 25.5%

HSV

90.5, 95.2%, 48.6%

CMYK

48.4%, 0.0%, 95.2%, 51.4%

OKLCH

0.5248 0.1505 134.9

Properties

Cool Dark Nearest: chartreuse 4

Color Harmonies

Complementary

#407C06

#42067C

Analogous

#7B7C06

#067C07

#407C06

Triadic

#407C06

#06407C

#7C0640

Split Complementary

#407C06

#07067C

#7C067B

Tetradic

#407C06

#067B7C

#42067C

#7C0706

Color Blindness Simulation

Original

#407C06

Protanopia

#5A5B23

Deuteranopia

#565229

Tritanopia

#43393E

Achromatopsia

#676767

CSS Usage

background-color: #407C06;
color: #407C06;
border-color: #407C06;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FDF1
100
#EDFBDF
200
#DBFCBB
300
#C1F98A
400
#9FF64B
500
#7EF30C
600
#64C309
700
#509C08
800
#3F7A06
900
#305809
950
#1E3806

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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