#02A153

#02A153

Color Values

HEX

#02A153

RGB

2, 161, 83

HSL

150.6, 97.5%, 32.0%

HSV

150.6, 98.8%, 63.1%

CMYK

98.8%, 0.0%, 48.4%, 36.9%

OKLCH

0.6213 0.1618 152.3

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#02A153

#A10250

Analogous

#02A104

#02A0A1

#02A153

Triadic

#02A153

#5302A1

#A15302

Split Complementary

#02A153

#A102A0

#A10402

Tetradic

#02A153

#0402A1

#A10250

#A0A102

Color Blindness Simulation

Original

#02A153

Protanopia

#474866

Deuteranopia

#3E326A

Tritanopia

#0A7578

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DEFCED
200
#B8FEDC
300
#86FDC3
400
#45FDA2
500
#03FC82
600
#03C968
700
#02A153
800
#027E41
900
#065B31
950
#04391F

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.23:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026