#02A130

#02A130

Color Values

HEX

#02A130

RGB

2, 161, 48

HSL

137.4, 97.5%, 32.0%

HSV

137.4, 98.8%, 63.1%

CMYK

98.8%, 0.0%, 70.2%, 36.9%

OKLCH

0.6168 0.1902 145.6

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#02A130

#A10273

Analogous

#23A102

#02A180

#02A130

Triadic

#02A130

#3002A1

#A13002

Split Complementary

#02A130

#8002A1

#A10223

Tetradic

#02A130

#0223A1

#A10273

#A18002

Color Blindness Simulation

Original

#02A130

Protanopia

#47484B

Deuteranopia

#3E3252

Tritanopia

#0A6166

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F1FEF5
100
#DEFCE7
200
#B8FECD
300
#86FDA9
400
#45FD7A
500
#03FC4B
600
#03C93C
700
#02A130
800
#027E26
900
#065B1F
950
#043913

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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