#bab0cc Hex Color

The RBG values of the #bab0cc hex color are 186 (red), 176 (blue), and 204 (green). While the HSL values of #bab0cc are 0.73 (hue), 0.07 (saturation), and 0.75 (lightness).

The CMYK values of #bab0cc are 0.09 (cyan), 0.14 (magenta), 0 (yellow), and 0.2 (black).


#bab0cc Color Spaces Conversions

This are the conversions of #bab0cc to the different color spaces.

Hexadecimal

bab0cc

CIE-Lab

73.4477, 8.9213, -12.891

RGB

186, 176, 204

CIE-Lch

73.4477, 15.677, 304.6853

HSL

0.73, 0.07, 0.75

CIE-Luv

73.4477, 3.8211, -21.2133

HSV

0.73, 0.14, 0.8

Hunter-Lab

67.7122, 4.544, -8.2177

CMYK

0.09, 0.14, 0, 0.2

XYZ

46.6741, 45.8494, 63.5166

Binary

10111010, 10110000, 11001100

YXY

45.8494, 0.2991, 0.2938

#bab0cc Color Schemes

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

#bab0cc Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #bab0cc to #473b5b.

#bab0cc Color Tints

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

#bab0cc Similar Hex Colors



#bab0cc Style Preview

Font Color

#bab0cc Font Color
style='color:#bab0cc;'

Background Color

#bab0cc Background Color
style='background:#bab0cc;'

Border Color

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

Text Shadow

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

Shades Gradient

#bab0cc Shades Gradient
style='background: -moz-linear-gradient(top, #bab0cc, #473b5b); background: -webkit-linear-gradient(top, #bab0cc, #473b5b); background: -o-linear-gradient(top, #bab0cc, #473b5b); background: -ms-linear-gradient(top, #bab0cc, #473b5b); background: linear-gradient(top, #bab0cc, #473b5b);'

Tints Gradient

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