#B1A253 Color Information


In the RGB color space, #B1A253 is composed of 69.4118% red, 63.5294% green, and 32.549% blue.

In the CMYK color space, #B1A253 is composed of 0% cyan, 8.47% magenta, 53.1% yellow, and 30.59% black,

It has a hue angle of 50.4 degrees, a saturation of 37.6%, and a lightness of 50.98%.

The closest websafe color is #999966.

#B1A253 RGB Values

#B1A253 CMYK Values



#B1A253 Color Conversion


The hexadecimal color #B1A253 has RGB values of R:177, G:162, B:83 and CMYK values of C:0, M:8.47, Y:53.1, K:30.59. It has a decimal value of 11641427.


Hexadecimal #B1A253 #B1A253
RGB Decimal 177, 162, 83 rgb(177, 162, 83)
RGB Percent 69.4118, 63.5294, 32.549 rgb(69.4118%, 63.5294%, 32.549%)
RGB Proportion 0.6941, 0.6353, 0.3255 rgb(0.6941, 0.6353, 0.3255)
CMYK 0, 8.47, 53.1, 30.59
HSL 50.4ยบ, 37.6, 50.98 hsl(50.4, 37.6%, 50.98%)
Websafe 999966 #999966
XYZ 32.612, 35.812, 13.378
Yxy 35.812, 0.399, 0.438
CIE-LAB 66.376, -5.03, 42.6
CIE-LCH 66.376, 42.896, 96.734
CIE-LUV 66.376, 13.837, 51.861
Hunter-Lab 59.843, -7.45, 28.636

Color Schemes For #B1A253


Colors that go well with #B1A253.

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

Alternatives to #B1A253


Colors similar to #B1A253.


#B1A253 Preview


Common HTML and CSS shortcodes for #B1A253.

Text with color #B1A253


The quick brown fox jumps over the lazy dog.

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

#B1A253 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #B1A253


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #B1A253


Linear gradient from #B1A253 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #B1A253


Radial gradient from #B1A253 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #B1A253 and its Complementary Color


Linear gradient from #B1A253 to #4E5DAC.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #B1A253 and its Complementary Color


Radial gradient from #B1A253 to #4E5DAC.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors