#BAB762 Color Information


In the RGB color space, #BAB762 is composed of 72.9412% red, 71.7647% green, and 38.4314% blue.

In the CMYK color space, #BAB762 is composed of 0% cyan, 1.62% magenta, 47.31% yellow, and 27.06% black,

It has a hue angle of 57.9 degrees, a saturation of 38.94%, and a lightness of 55.69%.

The closest websafe color is #CCCC66.

#BAB762 RGB Values

#BAB762 CMYK Values



#BAB762 Color Conversion


The hexadecimal color #BAB762 has RGB values of R:186, G:183, B:98 and CMYK values of C:0, M:1.62, Y:47.31, K:27.06. It has a decimal value of 12236642.


Hexadecimal #BAB762 #BAB762
RGB Decimal 186, 183, 98 rgb(186, 183, 98)
RGB Percent 72.9412, 71.7647, 38.4314 rgb(72.9412%, 71.7647%, 38.4314%)
RGB Proportion 0.7294, 0.7176, 0.3843 rgb(0.7294, 0.7176, 0.3843)
CMYK 0, 1.62, 47.31, 27.06
HSL 57.9ยบ, 38.94, 55.69 hsl(57.9, 38.94%, 55.69%)
Websafe CCCC66 #CCCC66
XYZ 39.384, 45.183, 18.2
Yxy 45.183, 0.383, 0.44
CIE-LAB 73.012, -10.912, 43.298
CIE-LCH 73.012, 44.652, 104.145
CIE-LUV 73.012, 5.974, 55.614
Hunter-Lab 67.218, -13.047, 30.999

Color Schemes For #BAB762


Colors that go well with #BAB762.

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

Alternatives to #BAB762


Colors similar to #BAB762.


#BAB762 Preview


Common HTML and CSS shortcodes for #BAB762.

Text with color #BAB762


The quick brown fox jumps over the lazy dog.

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

#BAB762 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #BAB762


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #BAB762


Linear gradient from #BAB762 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #BAB762


Radial gradient from #BAB762 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #BAB762 and its Complementary Color


Linear gradient from #BAB762 to #45489D.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #BAB762 and its Complementary Color


Radial gradient from #BAB762 to #45489D.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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