#417F24

#417F24

Color Values

HEX

#417F24

RGB

65, 127, 36

HSL

100.9, 55.8%, 32.0%

HSV

100.9, 71.7%, 49.8%

CMYK

48.8%, 0.0%, 71.7%, 50.2%

OKLCH

0.5353 0.1394 137.5

Properties

Cool Dark Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#417F24

#62247F

Analogous

#6F7F24

#247F35

#417F24

Triadic

#417F24

#24417F

#7F2441

Split Complementary

#417F24

#35247F

#7F246F

Tetradic

#417F24

#246F7F

#62247F

#7F3524

Color Blindness Simulation

Original

#417F24

Protanopia

#5C5C3A

Deuteranopia

#58543F

Tritanopia

#444B4F

Achromatopsia

#6B6B6B

CSS Usage

background-color: #417F24;
color: #417F24;
border-color: #417F24;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F6FBF4
100
#EAF6E5
200
#D4EFC7
300
#B5E4A0
400
#8ED56C
500
#66C738
600
#519F2D
700
#417F24
800
#33631C
900
#284918
950
#192E0F

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

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