#428300

#428300

Color Values

HEX

#428300

RGB

66, 131, 0

HSL

89.8, 100.0%, 25.7%

HSV

89.8, 100.0%, 51.4%

CMYK

49.6%, 0.0%, 100.0%, 48.6%

OKLCH

0.5449 0.1595 135.1

Properties

Cool Dark Nearest: chartreuse 4

Color Harmonies

Complementary

#428300

#410083

Analogous

#838300

#008300

#428300

Triadic

#428300

#004283

#830042

Split Complementary

#428300

#000083

#830083

Tetradic

#428300

#008383

#410083

#830000

Color Blindness Simulation

Original

#428300

Protanopia

#5E5F20

Deuteranopia

#5A5627

Tritanopia

#45393E

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F7FEF1
100
#EDFCDE
200
#DCFFB8
300
#C2FF85
400
#A1FF42
500
#80FF00
600
#67CC00
700
#52A300
800
#408000
900
#315C05
950
#1F3A03

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026