#428F4B

#428F4B

Color Values

HEX

#428F4B

RGB

66, 143, 75

HSL

127.0, 36.8%, 41.0%

HSV

127.0, 53.8%, 56.1%

CMYK

53.8%, 0.0%, 47.6%, 43.9%

OKLCH

0.5841 0.1269 146.1

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#428F4B

#8F4286

Analogous

#608F42

#428F72

#428F4B

Triadic

#428F4B

#4B428F

#8F4B42

Split Complementary

#428F4B

#72428F

#8F4260

Tetradic

#428F4B

#42608F

#8F4286

#8F7242

Color Blindness Simulation

Original

#428F4B

Protanopia

#63645B

Deuteranopia

#5F595F

Tritanopia

#46686B

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F3E9
200
#CEE8D1
300
#ABD8B1
400
#7EC386
500
#51AE5C
600
#408C49
700
#34703B
800
#28572E
900
#204024
950
#142917

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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