#12CFED

#12CFED

Color Values

HEX

#12CFED

RGB

18, 207, 237

HSL

188.2, 85.9%, 50.0%

HSV

188.2, 92.4%, 92.9%

CMYK

92.4%, 12.7%, 0.0%, 7.1%

OKLCH

0.7858 0.1358 213.2

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#12CFED

#ED3012

Analogous

#12ED9D

#1262ED

#12CFED

Triadic

#12CFED

#ED12CF

#CFED12

Split Complementary

#12CFED

#ED1262

#ED9D12

Tetradic

#12CFED

#9D12ED

#ED3012

#62ED12

Color Blindness Simulation

Original

#12CFED

Protanopia

#6465E6

Deuteranopia

#594BE4

Tritanopia

#1BE0DF

Achromatopsia

#A9A9A9

CSS Usage

background-color: #12CFED;
color: #12CFED;
border-color: #12CFED;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F2FBFD
100
#E0F7FA
200
#BDF2FA
300
#8DE8F6
400
#50DCF2
500
#12CFED
600
#0EA6BE
700
#0C8598
800
#096877
900
#0B4C56
950
#073036

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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