#428240

#428240

Color Values

HEX

#428240

RGB

66, 130, 64

HSL

118.2, 34.0%, 38.0%

HSV

118.2, 50.8%, 51.0%

CMYK

49.2%, 0.0%, 50.8%, 49.0%

OKLCH

0.5474 0.1185 143.2

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#428240

#804082

Analogous

#638240

#40825F

#428240

Triadic

#428240

#404282

#824042

Split Complementary

#428240

#5F4082

#824063

Tetradic

#428240

#406382

#804082

#825F40

Color Blindness Simulation

Original

#428240

Protanopia

#5E5E50

Deuteranopia

#5A5554

Tritanopia

#455D5F

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#D0E7CF
300
#AED7AD
400
#82C181
500
#57AB54
600
#458943
700
#386D36
800
#2B552A
900
#233F22
950
#162815

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

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