#12D4ED

#12D4ED

Color Values

HEX

#12D4ED

RGB

18, 212, 237

HSL

186.8, 85.9%, 50.0%

HSV

186.8, 92.4%, 92.9%

CMYK

92.4%, 10.5%, 0.0%, 7.1%

OKLCH

0.7977 0.1362 210.0

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#12D4ED

#ED2B12

Analogous

#12ED98

#1267ED

#12D4ED

Triadic

#12D4ED

#ED12D4

#D4ED12

Split Complementary

#12D4ED

#ED1267

#ED9812

Tetradic

#12D4ED

#9812ED

#ED2B12

#67ED12

Color Blindness Simulation

Original

#12D4ED

Protanopia

#6668E7

Deuteranopia

#5B4CE5

Tritanopia

#1CE2E1

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BDF3FA
300
#8DEAF6
400
#50DFF2
500
#12D4ED
600
#0EAABE
700
#0C8898
800
#096A77
900
#0B4D56
950
#073136

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.67:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026