#028002

#028002

Color Values

HEX

#028002

RGB

2, 128, 2

HSL

120.0, 96.9%, 25.5%

HSV

120.0, 98.4%, 50.2%

CMYK

98.4%, 0.0%, 98.4%, 49.8%

OKLCH

0.52 0.176 142.5

Properties

Cool Dark Nearest: green

Color Harmonies

Complementary

#028002

#800280

Analogous

#418002

#028041

#028002

Triadic

#028002

#020280

#800202

Split Complementary

#028002

#410280

#800241

Tetradic

#028002

#024180

#800280

#804102

Color Blindness Simulation

Original

#028002

Protanopia

#393A20

Deuteranopia

#312828

Tritanopia

#08393E

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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