#02A230

#02A230

Color Values

HEX

#02A230

RGB

2, 162, 48

HSL

137.2, 97.6%, 32.2%

HSV

137.2, 98.8%, 63.5%

CMYK

98.8%, 0.0%, 70.4%, 36.5%

OKLCH

0.6196 0.1913 145.5

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#02A230

#A20274

Analogous

#24A202

#02A280

#02A230

Triadic

#02A230

#3002A2

#A23002

Split Complementary

#02A230

#8002A2

#A20224

Tetradic

#02A230

#0224A2

#A20274

#A28002

Color Blindness Simulation

Original

#02A230

Protanopia

#47494C

Deuteranopia

#3E3252

Tritanopia

#0A6166

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F1FEF5
100
#DEFCE7
200
#B8FECC
300
#86FEA8
400
#45FD79
500
#03FC4A
600
#02CA3C
700
#02A130
800
#027E25
900
#065B1E
950
#043913

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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