#BABFBF Color Information


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

In the CMYK color space, #BABFBF is composed of 2.62% cyan, 0% magenta, 0% yellow, and 25.1% black,

It has a hue angle of 180 degrees, a saturation of 3.76%, and a lightness of 73.92%.

The closest websafe color is #CCCCCC.

#BABFBF RGB Values

#BABFBF CMYK Values



#BABFBF Color Conversion


The hexadecimal color #BABFBF has RGB values of R:186, G:191, B:191 and CMYK values of C:2.62, M:0, Y:0, K:25.1. It has a decimal value of 12238783.


Hexadecimal #BABFBF #BABFBF
RGB Decimal 186, 191, 191 rgb(186, 191, 191)
RGB Percent 72.9412, 74.902, 74.902 rgb(72.9412%, 74.902%, 74.902%)
RGB Proportion 0.7294, 0.749, 0.749 rgb(0.7294, 0.749, 0.749)
CMYK 2.62, 0, 0, 25.1
HSL 180ยบ, 3.76, 73.92 hsl(180, 3.76%, 73.92%)
Websafe CCCCCC #CCCCCC
XYZ 48.282, 51.46, 56.675
Yxy 51.46, 0.309, 0.329
CIE-LAB 76.957, -1.725, -0.612
CIE-LCH 76.957, 1.83, 199.534
CIE-LUV 76.957, -2.803, -0.616
Hunter-Lab 71.736, -5.397, 3.373

Color Schemes For #BABFBF


Colors that go well with #BABFBF.

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

Alternatives to #BABFBF


Colors similar to #BABFBF.


#BABFBF Preview


Common HTML and CSS shortcodes for #BABFBF.

Text with color #BABFBF


The quick brown fox jumps over the lazy dog.

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

#BABFBF as background color


The quick brown fox jumps over the lazy dog.

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

Border with #BABFBF


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #BABFBF


Linear gradient from #BABFBF to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #BABFBF


Radial gradient from #BABFBF to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #BABFBF and its Complementary Color


Linear gradient from #BABFBF to #454040.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #BABFBF and its Complementary Color


Radial gradient from #BABFBF to #454040.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors