#028402

#028402

Color Values

HEX

#028402

RGB

2, 132, 2

HSL

120.0, 97.0%, 26.3%

HSV

120.0, 98.5%, 51.8%

CMYK

98.5%, 0.0%, 98.5%, 48.2%

OKLCH

0.5317 0.18 142.5

Properties

Cool Dark Nearest: green

Color Harmonies

Complementary

#028402

#840284

Analogous

#438402

#028443

#028402

Triadic

#028402

#020284

#840202

Split Complementary

#028402

#430284

#840243

Tetradic

#028402

#024384

#840284

#844302

Color Blindness Simulation

Original

#028402

Protanopia

#3A3B21

Deuteranopia

#332929

Tritanopia

#083A40

Achromatopsia

#5F5F5F

CSS Usage

background-color: #028402;
color: #028402;
border-color: #028402;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F1FEF1
100
#DEFCDE
200
#B9FEB9
300
#86FD86
400
#45FC45
500
#04FB04
600
#03C903
700
#02A102
800
#027E02
900
#065B06
950
#043904

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026