#428F50

#428F50

Color Values

HEX

#428F50

RGB

66, 143, 80

HSL

130.9, 36.8%, 41.0%

HSV

130.9, 53.8%, 56.1%

CMYK

53.8%, 0.0%, 44.1%, 43.9%

OKLCH

0.585 0.1219 147.7

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#428F50

#8F4281

Analogous

#5B8F42

#428F77

#428F50

Triadic

#428F50

#50428F

#8F5042

Split Complementary

#428F50

#77428F

#8F425B

Tetradic

#428F50

#425B8F

#8F4281

#8F7742

Color Blindness Simulation

Original

#428F50

Protanopia

#63645F

Deuteranopia

#5F5963

Tritanopia

#466B6E

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CEE8D3
300
#ABD8B3
400
#7EC38B
500
#51AE62
600
#408C4E
700
#34703E
800
#285731
900
#204026
950
#142918

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