#0c2cae Hex Color

The RBG values of the #0c2cae hex color are 12 (red), 44 (blue), and 174 (green). While the HSL values of #0c2cae are 0.63 (hue), 0.87 (saturation), and 0.36 (lightness).

The CMYK values of #0c2cae are 0.93 (cyan), 0.75 (magenta), 0 (yellow), and 0.32 (black).


#0c2cae Color Spaces Conversions

This are the conversions of #0c2cae to the different color spaces.

Hexadecimal

0c2cae

CIE-Lab

26.5503, 41.8629, -70.5176

RGB

12, 44, 174

CIE-Lch

26.5503, 82.0075, 300.6956

HSL

0.63, 0.87, 0.36

CIE-Luv

26.5503, -9.5566, -86.6187

HSV

0.63, 0.93, 0.68

Hunter-Lab

22.216, 30.9622, -92.6388

CMYK

0.93, 0.75, 0, 0.32

XYZ

8.6923, 4.9355, 40.5389

Binary

1100, 101100, 10101110

YXY

4.9355, 0.1605, 0.0911

#0c2cae Color Schemes

This are some of the common color schemes used in web design for the #0c2cae hex color.

#0c2cae Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #0c2cae to #000000.

#0c2cae Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #0c2cae to #a7b7f9.

#0c2cae Similar Hex Colors



#0c2cae Style Preview

Font Color

#0c2cae Font Color
style='color:#0c2cae;'

Background Color

#0c2cae Background Color
style='background:#0c2cae;'

Border Color

#0c2cae Border Color
style='border:2px solid #0c2cae;'

Text Shadow

#0c2cae Text Shadow
style='text-shadow: 4px 4px 2px #0c2cae;'

Shades Gradient

#0c2cae Shades Gradient
style='background: -moz-linear-gradient(top, #0c2cae, #000000); background: -webkit-linear-gradient(top, #0c2cae, #000000); background: -o-linear-gradient(top, #0c2cae, #000000); background: -ms-linear-gradient(top, #0c2cae, #000000); background: linear-gradient(top, #0c2cae, #000000);'

Tints Gradient

#0c2cae Tints Gradient
style='background: -moz-linear-gradient(top, #0c2cae, #a7b7f9); background: -webkit-linear-gradient(top, #0c2cae, #a7b7f9); background: -o-linear-gradient(top, #0c2cae, #a7b7f9); background: -ms-linear-gradient(top, #0c2cae, #a7b7f9); background: linear-gradient(top, #0c2cae, #a7b7f9);'