#02A25A

#02A25A

Color Values

HEX

#02A25A

RGB

2, 162, 90

HSL

153.0, 97.6%, 32.2%

HSV

153.0, 98.8%, 63.5%

CMYK

98.8%, 0.0%, 44.4%, 36.5%

OKLCH

0.6253 0.1566 154.2

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#02A25A

#A2024A

Analogous

#02A20A

#029AA2

#02A25A

Triadic

#02A25A

#5A02A2

#A25A02

Split Complementary

#02A25A

#A2029A

#A20A02

Tetradic

#02A25A

#0A02A2

#A2024A

#9AA202

Color Blindness Simulation

Original

#02A25A

Protanopia

#47496B

Deuteranopia

#3E3270

Tritanopia

#0A797C

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F1FEF8
100
#DEFCEF
200
#B8FEDF
300
#86FEC8
400
#45FDAA
500
#03FC8C
600
#02CA70
700
#02A15A
800
#027E46
900
#065B35
950
#043921

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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