#BBBABC Color Information


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

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

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

The closest websafe color is #CCCCCC.

#BBBABC RGB Values

#BBBABC CMYK Values



#BBBABC Color Conversion


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


Hexadecimal #BBBABC #BBBABC
RGB Decimal 187, 186, 188 rgb(187, 186, 188)
RGB Percent 73.3333, 72.9412, 73.7255 rgb(73.3333%, 72.9412%, 73.7255%)
RGB Proportion 0.7333, 0.7294, 0.7373 rgb(0.7333, 0.7294, 0.7373)
CMYK 0.54, 1.07, 0, 26.27
HSL 269.6ยบ, 1.48, 73.33 hsl(269.6, 1.48%, 73.33%)
Websafe CCCCCC #CCCCCC
XYZ 47.128, 49.312, 54.618
Yxy 49.312, 0.312, 0.326
CIE-LAB 75.645, 0.725, -0.903
CIE-LCH 75.645, 1.158, 308.76
CIE-LUV 75.645, 0.448, -1.47
Hunter-Lab 70.223, -3.094, 3.041

Color Schemes For #BBBABC


Colors that go well with #BBBABC.

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

Alternatives to #BBBABC


Colors similar to #BBBABC.


#BBBABC Preview


Common HTML and CSS shortcodes for #BBBABC.

Text with color #BBBABC


The quick brown fox jumps over the lazy dog.

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

#BBBABC as background color


The quick brown fox jumps over the lazy dog.

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

Border with #BBBABC


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #BBBABC


Linear gradient from #BBBABC to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #BBBABC


Radial gradient from #BBBABC to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #BBBABC and its Complementary Color


Linear gradient from #BBBABC to #444543.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #BBBABC and its Complementary Color


Radial gradient from #BBBABC to #444543.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #BBBABC; } .background { background-color: #BBBABC; } .border { border: 1px solid #BBBABC; } .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 #BBBABC


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