#428315

#428315

Color Values

HEX

#428315

RGB

66, 131, 21

HSL

95.5, 72.4%, 29.8%

HSV

95.5, 84.0%, 51.4%

CMYK

49.6%, 0.0%, 84.0%, 48.6%

OKLCH

0.5457 0.1527 136.1

Properties

Cool Dark Nearest: chartreuse 4

Color Harmonies

Complementary

#428315

#561583

Analogous

#798315

#15831F

#428315

Triadic

#428315

#154283

#831542

Split Complementary

#428315

#1F1583

#831579

Tetradic

#428315

#157983

#561583

#831F15

Color Blindness Simulation

Original

#428315

Protanopia

#5E5F30

Deuteranopia

#5A5636

Tritanopia

#454549

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EBF8E2
200
#D7F5C1
300
#BAEE95
400
#94E55C
500
#6FDC23
600
#58B01C
700
#478D17
800
#376E12
900
#2B5011
950
#1B330B

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

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