#02CAC8

#02CAC8

Color Values

HEX

#02CAC8

RGB

2, 202, 200

HSL

179.4, 98.0%, 40.0%

HSV

179.4, 99.0%, 79.2%

CMYK

99.0%, 0.0%, 1.0%, 20.8%

OKLCH

0.759 0.1297 193.5

Properties

Cool Light Nearest: cyan 3

Color Harmonies

Complementary

#02CAC8

#CA0204

Analogous

#02CA64

#0268CA

#02CAC8

Triadic

#02CAC8

#C802CA

#CAC802

Split Complementary

#02CAC8

#CA0268

#CA6402

Tetradic

#02CAC8

#6402CA

#CA0204

#68CA02

Color Blindness Simulation

Original

#02CAC8

Protanopia

#595AC8

Deuteranopia

#4D3EC9

Tritanopia

#0CC9C9

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F1FEFE
100
#DEFCFC
200
#B8FEFE
300
#86FEFD
400
#44FDFB
500
#03FCFA
600
#02CAC8
700
#02A2A0
800
#017E7D
900
#065B5A
950
#043A39

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

10.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026