#02CAA4

#02CAA4

Color Values

HEX

#02CAA4

RGB

2, 202, 164

HSL

168.6, 98.0%, 40.0%

HSV

168.6, 99.0%, 79.2%

CMYK

99.0%, 0.0%, 18.8%, 20.8%

OKLCH

0.7479 0.1438 172.7

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#02CAA4

#CA0228

Analogous

#02CA40

#028CCA

#02CAA4

Triadic

#02CAA4

#A402CA

#CAA402

Split Complementary

#02CAA4

#CA028C

#CA4002

Tetradic

#02CAA4

#4002CA

#CA0228

#8CCA02

Color Blindness Simulation

Original

#02CAA4

Protanopia

#595AAD

Deuteranopia

#4D3EAF

Tritanopia

#0CB4B6

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F1FEFB
100
#DEFCF6
200
#B8FEF1
300
#86FEE7
400
#44FDDA
500
#03FCCD
600
#02CAA4
700
#02A283
800
#017E66
900
#065B4B
950
#043A2F

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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