#02A062

#02A062

Color Values

HEX

#02A062

RGB

2, 160, 98

HSL

156.5, 97.5%, 31.8%

HSV

156.5, 98.8%, 62.7%

CMYK

98.8%, 0.0%, 38.8%, 37.3%

OKLCH

0.6214 0.1467 157.3

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#02A062

#A00240

Analogous

#02A013

#028FA0

#02A062

Triadic

#02A062

#6202A0

#A06202

Split Complementary

#02A062

#A0028F

#A01302

Tetradic

#02A062

#1302A0

#A00240

#8FA002

Color Blindness Simulation

Original

#02A062

Protanopia

#464871

Deuteranopia

#3D3175

Tritanopia

#0A7D7F

Achromatopsia

#7A7A7A

CSS Usage

background-color: #02A062;
color: #02A062;
border-color: #02A062;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F1FEF9
100
#DEFCF0
200
#B8FEE3
300
#86FDCF
400
#45FDB5
500
#03FC9A
600
#03C97C
700
#02A163
800
#027E4D
900
#065B3A
950
#043924

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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026