#02CAAD

#02CAAD

Color Values

HEX

#02CAAD

RGB

2, 202, 173

HSL

171.3, 98.0%, 40.0%

HSV

171.3, 99.0%, 79.2%

CMYK

99.0%, 0.0%, 14.4%, 20.8%

OKLCH

0.7504 0.1385 177.4

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#02CAAD

#CA021F

Analogous

#02CA49

#0283CA

#02CAAD

Triadic

#02CAAD

#AD02CA

#CAAD02

Split Complementary

#02CAAD

#CA0283

#CA4902

Tetradic

#02CAAD

#4902CA

#CA021F

#83CA02

Color Blindness Simulation

Original

#02CAAD

Protanopia

#595AB4

Deuteranopia

#4D3EB6

Tritanopia

#0CBABB

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F1FEFC
100
#DEFCF8
200
#B8FEF4
300
#86FEEC
400
#44FDE2
500
#03FCD8
600
#02CAAD
700
#02A28A
800
#017E6C
900
#065B4F
950
#043A32

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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