#B2AF51 Color Information


In the RGB color space, #B2AF51 is composed of 69.8039% red, 68.6275% green, and 31.7647% blue.

In the CMYK color space, #B2AF51 is composed of 0% cyan, 1.68% magenta, 54.5% yellow, and 30.2% black,

It has a hue angle of 58.2 degrees, a saturation of 38.64%, and a lightness of 50.78%.

The closest websafe color is #999966.

#B2AF51 RGB Values

#B2AF51 CMYK Values



#B2AF51 Color Conversion


The hexadecimal color #B2AF51 has RGB values of R:178, G:175, B:81 and CMYK values of C:0, M:1.68, Y:54.5, K:30.2. It has a decimal value of 11710289.


Hexadecimal #B2AF51 #B2AF51
RGB Decimal 178, 175, 81 rgb(178, 175, 81)
RGB Percent 69.8039, 68.6275, 31.7647 rgb(69.8039%, 68.6275%, 31.7647%)
RGB Proportion 0.698, 0.6863, 0.3176 rgb(0.698, 0.6863, 0.3176)
CMYK 0, 1.68, 54.5, 30.2
HSL 58.2ยบ, 38.64, 50.78 hsl(58.2, 38.64%, 50.78%)
Websafe 999966 #999966
XYZ 35.174, 40.72, 13.788
Yxy 40.72, 0.392, 0.454
CIE-LAB 69.979, -11.625, 47.807
CIE-LCH 69.979, 49.2, 103.667
CIE-LUV 69.979, 6.238, 58.997
Hunter-Lab 63.812, -13.28, 31.858

Color Schemes For #B2AF51


Colors that go well with #B2AF51.

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

Alternatives to #B2AF51


Colors similar to #B2AF51.


#B2AF51 Preview


Common HTML and CSS shortcodes for #B2AF51.

Text with color #B2AF51


The quick brown fox jumps over the lazy dog.

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

#B2AF51 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #B2AF51


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #B2AF51


Linear gradient from #B2AF51 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #B2AF51


Radial gradient from #B2AF51 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #B2AF51 and its Complementary Color


Linear gradient from #B2AF51 to #4D50AE.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #B2AF51 and its Complementary Color


Radial gradient from #B2AF51 to #4D50AE.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors