#428841

#428841

Color Values

HEX

#428841

RGB

66, 136, 65

HSL

119.2, 35.3%, 39.4%

HSV

119.2, 52.2%, 53.3%

CMYK

51.5%, 0.0%, 52.2%, 46.7%

OKLCH

0.5637 0.1265 143.4

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#428841

#874188

Analogous

#658841

#418864

#428841

Triadic

#428841

#414288

#884142

Split Complementary

#428841

#644188

#884165

Tetradic

#428841

#416588

#874188

#886441

Color Blindness Simulation

Original

#428841

Protanopia

#606152

Deuteranopia

#5C5756

Tritanopia

#466063

Achromatopsia

#747474

CSS Usage

background-color: #428841;
color: #428841;
border-color: #428841;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CFE8CF
300
#ADD7AC
400
#80C27F
500
#54AD52
600
#438A42
700
#366E35
800
#2A5629
900
#214021
950
#152815

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

4.83:1

AA Pass 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