#02A136

#02A136

Color Values

HEX

#02A136

RGB

2, 161, 54

HSL

139,6, 97,5%, 32,0%

HSV

139,6, 98,8%, 63,1%

CMYK

98,8%, 0,0%, 66,5%, 36,9%

OKLCH

0,6174 0,1861 146,4

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#02A136

#A1026D

Analogous

#1EA102

#02A186

#02A136

Triadic

#02A136

#3602A1

#A13602

Split Complementary

#02A136

#8602A1

#A1021E

Tetradic

#02A136

#021EA1

#A1026D

#A18602

Color Blindness Simulation

Original

#02A136

Protanopia

#474850

Deuteranopia

#3E3256

Tritanopia

#0A6469

Achromatopsia

#777777

CSS Usage

background-color: #02A136;
color: #02A136;
border-color: #02A136;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F1FEF5
100
#DEFCE8
200
#B8FECF
300
#86FDAD
400
#45FD81
500
#03FC54
600
#03C944
700
#02A136
800
#027E2A
900
#065B22
950
#043915

Contrast Checker

Text on white

3,41:1

AA Fail AAA Fail

Text on black

6,15: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