#BABCBC Color Information


In the RGB color space, #BABCBC is composed of 72.9412% red, 73.7255% green, and 73.7255% blue.

In the CMYK color space, #BABCBC is composed of 1.07% cyan, 0% magenta, 0% yellow, and 26.27% black,

It has a hue angle of 180 degrees, a saturation of 1.48%, and a lightness of 73.33%.

The closest websafe color is #CCCCCC.

#BABCBC RGB Values

#BABCBC CMYK Values



#BABCBC Color Conversion


The hexadecimal color #BABCBC has RGB values of R:186, G:188, B:188 and CMYK values of C:1.07, M:0, Y:0, K:26.27. It has a decimal value of 12238012.


Hexadecimal #BABCBC #BABCBC
RGB Decimal 186, 188, 188 rgb(186, 188, 188)
RGB Percent 72.9412, 73.7255, 73.7255 rgb(72.9412%, 73.7255%, 73.7255%)
RGB Proportion 0.7294, 0.7373, 0.7373 rgb(0.7294, 0.7373, 0.7373)
CMYK 1.07, 0, 0, 26.27
HSL 180ยบ, 1.48, 73.33 hsl(180, 1.48%, 73.33%)
Websafe CCCCCC #CCCCCC
XYZ 47.313, 50.041, 54.749
Yxy 50.041, 0.311, 0.329
CIE-LAB 76.094, -0.695, -0.255
CIE-LCH 76.094, 0.74, 200.148
CIE-LUV 76.094, -1.136, -0.26
Hunter-Lab 70.74, -4.408, 3.63

Color Schemes For #BABCBC


Colors that go well with #BABCBC.

Complementary Color
Analogous Colors
Triadic Colors
Split Complementary Color
Tetradic Colors
Monochromatic

Alternatives to #BABCBC


Colors similar to #BABCBC.


#BABCBC Preview


Common HTML and CSS shortcodes for #BABCBC.

Text with color #BABCBC


The quick brown fox jumps over the lazy dog.

<div style="color: #BABCBC;">The quick brown fox jumps over the lazy dog.</div>

#BABCBC as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #BABCBC;">The quick brown fox jumps over the lazy dog.</div>

Border with #BABCBC


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #BABCBC;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #BABCBC


Linear gradient from #BABCBC to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#BABCBC, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #BABCBC


Radial gradient from #BABCBC to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#BABCBC, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #BABCBC and its Complementary Color


Linear gradient from #BABCBC to #454343.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#BABCBC, #454343);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #BABCBC and its Complementary Color


Radial gradient from #BABCBC to #454343.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#BABCBC, #454343);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #BABCBC; } .background { background-color: #BABCBC; } .border { border: 1px solid #BABCBC; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #BABCBC


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #030303 while the lightest tint is #FEFEFE.

Shades


Tints

Random Colors