#02CAA0

#02CAA0

Color Values

HEX

#02CAA0

RGB

2, 202, 160

HSL

167.4, 98.0%, 40.0%

HSV

167.4, 99.0%, 79.2%

CMYK

99.0%, 0.0%, 20.8%, 20.8%

OKLCH

0.7468 0.1464 170.7

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#02CAA0

#CA022C

Analogous

#02CA3C

#0290CA

#02CAA0

Triadic

#02CAA0

#A002CA

#CAA002

Split Complementary

#02CAA0

#CA0290

#CA3C02

Tetradic

#02CAA0

#3C02CA

#CA022C

#90CA02

Color Blindness Simulation

Original

#02CAA0

Protanopia

#595AAA

Deuteranopia

#4D3EAD

Tritanopia

#0CB2B4

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F1FEFB
100
#DEFCF6
200
#B8FEF0
300
#86FEE5
400
#44FDD6
500
#03FCC8
600
#02CAA0
700
#02A280
800
#017E64
900
#065B49
950
#043A2E

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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