#02A201

#02A201

Color Values

HEX

#02A201

RGB

2, 162, 1

HSL

119.6, 98.8%, 32.0%

HSV

119.6, 99.4%, 63.5%

CMYK

98.8%, 0.0%, 99.4%, 36.5%

OKLCH

0.6173 0.2096 142.5

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#02A201

#A101A2

Analogous

#53A201

#01A251

#02A201

Triadic

#02A201

#0102A2

#A20102

Split Complementary

#02A201

#5101A2

#A20153

Tetradic

#02A201

#0153A2

#A101A2

#A25101

Color Blindness Simulation

Original

#02A201

Protanopia

#474928

Deuteranopia

#3E3231

Tritanopia

#0A474D

Achromatopsia

#747474

CSS Usage

background-color: #02A201;
color: #02A201;
border-color: #02A201;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F1FEF1
100
#DEFCDE
200
#B8FFB8
300
#86FE85
400
#45FE43
500
#03FD02
600
#03CB01
700
#02A201
800
#027F01
900
#065C05
950
#043A03

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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