#417D03

#417D03

Color Values

HEX

#417D03

RGB

65, 125, 3

HSL

89.5, 95.3%, 25.1%

HSV

89.5, 97.6%, 49.0%

CMYK

48.0%, 0.0%, 97.6%, 51.0%

OKLCH

0.528 0.1521 134.7

Properties

Cool Dark Nearest: chartreuse 4

Color Harmonies

Complementary

#417D03

#3F037D

Analogous

#7D7C03

#047D03

#417D03

Triadic

#417D03

#03417D

#7D0341

Split Complementary

#417D03

#03047D

#7C037D

Tetradic

#417D03

#037D7C

#3F037D

#7D0304

Color Blindness Simulation

Original

#417D03

Protanopia

#5B5C20

Deuteranopia

#585328

Tritanopia

#44383D

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

4.16:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026