#12DADC

#12DADC

Color Values

HEX

#12DADC

RGB

18, 218, 220

HSL

180.6, 84.9%, 46.7%

HSV

180.6, 91.8%, 86.3%

CMYK

91.8%, 0.9%, 0.0%, 13.7%

OKLCH

0.8058 0.1356 196.0

Properties

Cool Light Nearest: darkturquoise

Color Harmonies

Complementary

#12DADC

#DC1412

Analogous

#12DC79

#1275DC

#12DADC

Triadic

#12DADC

#DC12DA

#DADC12

Split Complementary

#12DADC

#DC1275

#DC7912

Tetradic

#12DADC

#7912DC

#DC1412

#75DC12

Color Blindness Simulation

Original

#12DADC

Protanopia

#696ADC

Deuteranopia

#5D4EDB

Tritanopia

#1CDBDB

Achromatopsia

#B0B0B0

CSS Usage

background-color: #12DADC;
color: #12DADC;
border-color: #12DADC;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BDF9FA
300
#8EF5F6
400
#51EFF1
500
#13EAEC
600
#0FBBBD
700
#0C9597
800
#0A7576
900
#0B5555
950
#073636

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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