#12CBED

#12CBED

Color Values

HEX

#12CBED

RGB

18, 203, 237

HSL

189.3, 85.9%, 50.0%

HSV

189.3, 92.4%, 92.9%

CMYK

92.4%, 14.3%, 0.0%, 7.1%

OKLCH

0.7763 0.1358 215.8

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#12CBED

#ED3412

Analogous

#12EDA1

#125EED

#12CBED

Triadic

#12CBED

#ED12CB

#CBED12

Split Complementary

#12CBED

#ED125E

#EDA112

Tetradic

#12CBED

#A112ED

#ED3412

#5EED12

Color Blindness Simulation

Original

#12CBED

Protanopia

#6264E5

Deuteranopia

#574AE3

Tritanopia

#1BDEDD

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E0F6FA
200
#BDF0FA
300
#8DE6F6
400
#50D9F2
500
#12CBED
600
#0EA2BE
700
#0C8298
800
#096677
900
#0B4A56
950
#072F36

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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