#02CAAF

#02CAAF

Color Values

HEX

#02CAAF

RGB

2, 202, 175

HSL

171.9, 98.0%, 40.0%

HSV

171.9, 99.0%, 79.2%

CMYK

99.0%, 0.0%, 13.4%, 20.8%

OKLCH

0.751 0.1375 178.5

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#02CAAF

#CA021D

Analogous

#02CA4B

#0281CA

#02CAAF

Triadic

#02CAAF

#AF02CA

#CAAF02

Split Complementary

#02CAAF

#CA0281

#CA4B02

Tetradic

#02CAAF

#4B02CA

#CA021D

#81CA02

Color Blindness Simulation

Original

#02CAAF

Protanopia

#595AB6

Deuteranopia

#4D3EB7

Tritanopia

#0CBBBC

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F1FEFC
100
#DEFCF8
200
#B8FEF5
300
#86FEEE
400
#44FDE4
500
#03FCDB
600
#02CAAF
700
#02A28C
800
#017E6D
900
#065B50
950
#043A32

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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