#12CCCC

#12CCCC

Color Values

HEX

#12CCCC

RGB

18, 204, 204

HSL

180.0, 83.8%, 43.5%

HSV

180.0, 91.2%, 80.0%

CMYK

91.2%, 0.0%, 0.0%, 20.0%

OKLCH

0.7662 0.1289 194.8

Properties

Cool Light Nearest: cyan 3

Color Harmonies

Complementary

#12CCCC

#CC1212

Analogous

#12CC6F

#126FCC

#12CCCC

Triadic

#12CCCC

#CC12CC

#CCCC12

Split Complementary

#12CCCC

#CC126F

#CC6F12

Tetradic

#12CCCC

#6F12CC

#CC1212

#6FCC12

Color Blindness Simulation

Original

#12CCCC

Protanopia

#6364CC

Deuteranopia

#584ACC

Tritanopia

#1BCCCC

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BDF9F9
300
#8FF5F5
400
#52F0F0
500
#15EAEA
600
#11BBBB
700
#0D9696
800
#0A7575
900
#0C5555
950
#083636

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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