#02A111

#02A111

Color Values

HEX

#02A111

RGB

2, 161, 17

HSL

125.7, 97.5%, 32.0%

HSV

125.7, 98.8%, 63.1%

CMYK

98.8%, 0.0%, 89.4%, 36.9%

OKLCH

0.6149 0.2051 143.0

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#02A111

#A10292

Analogous

#42A102

#02A161

#02A111

Triadic

#02A111

#1102A1

#A11102

Split Complementary

#02A111

#6102A1

#A10242

Tetradic

#02A111

#0242A1

#A10292

#A16102

Color Blindness Simulation

Original

#02A111

Protanopia

#474834

Deuteranopia

#3E323C

Tritanopia

#0A4F55

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F1FEF2
100
#DEFCE1
200
#B8FEBF
300
#86FD91
400
#45FD56
500
#03FC1B
600
#03C915
700
#02A111
800
#027E0D
900
#065B0E
950
#043909

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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