#428416

#428416

Color Values

HEX

#428416

RGB

66, 132, 22

HSL

96.0, 71.4%, 30.2%

HSV

96.0, 83.3%, 51.8%

CMYK

50.0%, 0.0%, 83.3%, 48.2%

OKLCH

0.5484 0.1535 136.3

Properties

Cool Dark Nearest: chartreuse 4

Color Harmonies

Complementary

#428416

#581684

Analogous

#798416

#168421

#428416

Triadic

#428416

#164284

#841642

Split Complementary

#428416

#211684

#841679

Tetradic

#428416

#167984

#581684

#842116

Color Blindness Simulation

Original

#428416

Protanopia

#5F5F31

Deuteranopia

#5B5637

Tritanopia

#45464A

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EBF8E2
200
#D6F5C2
300
#B9ED96
400
#93E45D
500
#6DDB24
600
#57AF1D
700
#468C17
800
#376D12
900
#2A5011
950
#1B320B

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.54:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026