#02CA8F

#02CA8F

Color Values

HEX

#02CA8F

RGB

2, 202, 143

HSL

162.3, 98.0%, 40.0%

HSV

162.3, 99.0%, 79.2%

CMYK

99.0%, 0.0%, 29.2%, 20.8%

OKLCH

0.7425 0.1592 163.4

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#02CA8F

#CA023D

Analogous

#02CA2B

#02A1CA

#02CA8F

Triadic

#02CA8F

#8F02CA

#CA8F02

Split Complementary

#02CA8F

#CA02A1

#CA2B02

Tetradic

#02CA8F

#2B02CA

#CA023D

#A1CA02

Color Blindness Simulation

Original

#02CA8F

Protanopia

#595A9D

Deuteranopia

#4D3EA1

Tritanopia

#0CA9AB

Achromatopsia

#9B9B9B

CSS Usage

background-color: #02CA8F;
color: #02CA8F;
border-color: #02CA8F;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F1FEFA
100
#DEFCF3
200
#B8FEEA
300
#86FEDA
400
#44FDC7
500
#03FCB3
600
#02CA8F
700
#02A272
800
#017E59
900
#065B42
950
#043A2A

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

9.85:1

AA Pass AAA Pass

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