#02DACE

#02DACE

Color Values

HEX

#02DACE

RGB

2, 218, 206

HSL

176,7, 98,2%, 43,1%

HSV

176,7, 99,1%, 85,5%

CMYK

99,1%, 0,0%, 5,5%, 14,5%

OKLCH

0,8004 0,1392 187,8

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#02DACE

#DA020E

Analogous

#02DA62

#027ADA

#02DACE

Triadic

#02DACE

#CE02DA

#DACE02

Split Complementary

#02DACE

#DA027A

#DA6202

Tetradic

#02DACE

#6202DA

#DA020E

#7ADA02

Color Blindness Simulation

Original

#02DACE

Protanopia

#6061D1

Deuteranopia

#5343D2

Tritanopia

#0DD3D4

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DEFCFA
200
#B8FEFB
300
#86FEF7
400
#44FDF3
500
#02FDEF
600
#02CABF
700
#01A299
800
#017E77
900
#065B57
950
#043A37

Contrast Checker

Text on white

1,76:1

AA Fail AAA Fail

Text on black

11,92:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026