#02A15E

#02A15E

Color Values

HEX

#02A15E

RGB

2, 161, 94

HSL

154.7, 97.5%, 32.0%

HSV

154.7, 98.8%, 63.1%

CMYK

98.8%, 0.0%, 41.6%, 36.9%

OKLCH

0.6233 0.1517 155.7

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#02A15E

#A10245

Analogous

#02A10F

#0295A1

#02A15E

Triadic

#02A15E

#5E02A1

#A15E02

Split Complementary

#02A15E

#A10295

#A10F02

Tetradic

#02A15E

#0F02A1

#A10245

#95A102

Color Blindness Simulation

Original

#02A15E

Protanopia

#47486E

Deuteranopia

#3E3272

Tritanopia

#0A7B7E

Achromatopsia

#7A7A7A

CSS Usage

background-color: #02A15E;
color: #02A15E;
border-color: #02A15E;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F1FEF8
100
#DEFCEF
200
#B8FEE1
300
#86FDCB
400
#45FDAF
500
#03FC93
600
#03C976
700
#02A15E
800
#027E49
900
#065B37
950
#043923

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

6.26:1

AA Pass 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