#02A25D

#02A25D

Color Values

HEX

#02A25D

RGB

2, 162, 93

HSL

154.1, 97.6%, 32.2%

HSV

154.1, 98.8%, 63.5%

CMYK

98.8%, 0.0%, 42.6%, 36.5%

OKLCH

0.6259 0.1539 155.1

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#02A25D

#A20247

Analogous

#02A20D

#0297A2

#02A25D

Triadic

#02A25D

#5D02A2

#A25D02

Split Complementary

#02A25D

#A20297

#A20D02

Tetradic

#02A25D

#0D02A2

#A20247

#97A202

Color Blindness Simulation

Original

#02A25D

Protanopia

#47496E

Deuteranopia

#3E3272

Tritanopia

#0A7B7E

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F1FEF8
100
#DEFCEF
200
#B8FEE0
300
#86FECA
400
#45FDAD
500
#03FC91
600
#02CA74
700
#02A15C
800
#027E48
900
#065B36
950
#043922

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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