#02A206

#02A206

Color Values

HEX

#02A206

RGB

2, 162, 6

HSL

121.5, 97.6%, 32.2%

HSV

121.5, 98.8%, 63.5%

CMYK

98.8%, 0.0%, 96.3%, 36.5%

OKLCH

0.6174 0.2086 142.6

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#02A206

#A2029E

Analogous

#4EA202

#02A256

#02A206

Triadic

#02A206

#0602A2

#A20602

Split Complementary

#02A206

#5602A2

#A2024E

Tetradic

#02A206

#024EA2

#A2029E

#A25602

Color Blindness Simulation

Original

#02A206

Protanopia

#47492C

Deuteranopia

#3E3235

Tritanopia

#0A4A50

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F1FEF1
100
#DEFCDF
200
#B8FEBA
300
#86FE89
400
#45FD49
500
#03FC09
600
#02CA07
700
#02A106
800
#027E05
900
#065B08
950
#043905

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