#417C03

#417C03

Color Values

HEX

#417C03

RGB

65, 124, 3

HSL

89.3, 95.3%, 24.9%

HSV

89.3, 97.6%, 48.6%

CMYK

47.6%, 0.0%, 97.6%, 51.4%

OKLCH

0.5252 0.1509 134.5

Properties

Cool Dark Nearest: chartreuse 4

Color Harmonies

Complementary

#417C03

#3E037C

Analogous

#7C7B03

#047C03

#417C03

Triadic

#417C03

#03417C

#7C0341

Split Complementary

#417C03

#03047C

#7B037C

Tetradic

#417C03

#037C7B

#3E037C

#7C0304

Color Blindness Simulation

Original

#417C03

Protanopia

#5B5B20

Deuteranopia

#575327

Tritanopia

#44373C

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F7FEF1
100
#EDFCDF
200
#DCFDB9
300
#C3FC87
400
#A3FB47
500
#82F906
600
#68C705
700
#539F04
800
#417D03
900
#315A07
950
#1F3904

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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