#02CAAC

#02CAAC

Color Values

HEX

#02CAAC

RGB

2, 202, 172

HSL

171.0, 98.0%, 40.0%

HSV

171.0, 99.0%, 79.2%

CMYK

99.0%, 0.0%, 14.9%, 20.8%

OKLCH

0.7501 0.1391 176.8

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#02CAAC

#CA0220

Analogous

#02CA48

#0284CA

#02CAAC

Triadic

#02CAAC

#AC02CA

#CAAC02

Split Complementary

#02CAAC

#CA0284

#CA4802

Tetradic

#02CAAC

#4802CA

#CA0220

#84CA02

Color Blindness Simulation

Original

#02CAAC

Protanopia

#595AB3

Deuteranopia

#4D3EB5

Tritanopia

#0CB9BA

Achromatopsia

#9D9D9D

CSS Usage

background-color: #02CAAC;
color: #02CAAC;
border-color: #02CAAC;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F1FEFC
100
#DEFCF8
200
#B8FEF4
300
#86FEEC
400
#44FDE1
500
#03FCD7
600
#02CAAC
700
#02A28A
800
#017E6B
900
#065B4E
950
#043A31

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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