#02A235

#02A235

Color Values

HEX

#02A235

RGB

2, 162, 53

HSL

139.1, 97.6%, 32.2%

HSV

139.1, 98.8%, 63.5%

CMYK

98.8%, 0.0%, 67.3%, 36.5%

OKLCH

0.6201 0.1879 146.2

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#02A235

#A2026F

Analogous

#1FA202

#02A285

#02A235

Triadic

#02A235

#3502A2

#A23502

Split Complementary

#02A235

#8502A2

#A2021F

Tetradic

#02A235

#021FA2

#A2026F

#A28502

Color Blindness Simulation

Original

#02A235

Protanopia

#47494F

Deuteranopia

#3E3256

Tritanopia

#0A6469

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F1FEF5
100
#DEFCE8
200
#B8FECF
300
#86FEAC
400
#45FD7F
500
#03FC52
600
#02CA42
700
#02A135
800
#027E29
900
#065B21
950
#043915

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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