#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026