#428F52

#428F52

Color Values

HEX

#428F52

RGB

66, 143, 82

HSL

132.5, 36.8%, 41.0%

HSV

132.5, 53.8%, 56.1%

CMYK

53.8%, 0.0%, 42.7%, 43.9%

OKLCH

0.5853 0.1198 148.4

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#428F52

#8F427F

Analogous

#598F42

#428F79

#428F52

Triadic

#428F52

#52428F

#8F5242

Split Complementary

#428F52

#79428F

#8F4259

Tetradic

#428F52

#42598F

#8F427F

#8F7942

Color Blindness Simulation

Original

#428F52

Protanopia

#636461

Deuteranopia

#5F5964

Tritanopia

#466C6F

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CEE8D4
300
#ABD8B5
400
#7EC38C
500
#51AE64
600
#408C50
700
#347040
800
#285732
900
#204027
950
#142919

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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