#02AE01

#02AE01

Color Values

HEX

#02AE01

RGB

2, 174, 1

HSL

119.7, 98.9%, 34.3%

HSV

119.7, 99.4%, 68.2%

CMYK

98.9%, 0.0%, 99.4%, 31.8%

OKLCH

0.6507 0.221 142.5

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#02AE01

#AD01AE

Analogous

#58AE01

#01AE57

#02AE01

Triadic

#02AE01

#0102AE

#AE0102

Split Complementary

#02AE01

#5701AE

#AE0158

Tetradic

#02AE01

#0158AE

#AD01AE

#AE5701

Color Blindness Simulation

Original

#02AE01

Protanopia

#4D4E2B

Deuteranopia

#423635

Tritanopia

#0B4C53

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.06:1

AA Pass AAA Pass

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