#428149

#428149

Color Values

HEX

#428149

RGB

66, 129, 73

HSL

126.7, 32.3%, 38.2%

HSV

126.7, 48.8%, 50.6%

CMYK

48.8%, 0.0%, 43.4%, 49.4%

OKLCH

0.5463 0.1077 146.3

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#428149

#81427A

Analogous

#5A8142

#428168

#428149

Triadic

#428149

#494281

#814942

Split Complementary

#428149

#684281

#81425A

Tetradic

#428149

#425A81

#81427A

#816842

Color Blindness Simulation

Original

#428149

Protanopia

#5D5E57

Deuteranopia

#5A555A

Tritanopia

#456164

Achromatopsia

#707070

CSS Usage

background-color: #428149;
color: #428149;
border-color: #428149;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5F9F6
100
#E8F2E9
200
#D0E7D2
300
#AED6B2
400
#82BF89
500
#56A960
600
#45874C
700
#376C3D
800
#2B5430
900
#223F26
950
#162718

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

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