#5B5A28 Color Information


In the RGB color space, #5B5A28 is composed of 35.6863% red, 35.2941% green, and 15.6863% blue.

In the CMYK color space, #5B5A28 is composed of 0% cyan, 1.12% magenta, 56.04% yellow, and 64.31% black,

It has a hue angle of 58.8 degrees, a saturation of 38.93%, and a lightness of 25.69%.

The closest websafe color is #666633.

#5B5A28 RGB Values

#5B5A28 CMYK Values



#5B5A28 Color Conversion


The hexadecimal color #5B5A28 has RGB values of R:91, G:90, B:40 and CMYK values of C:0, M:1.12, Y:56.04, K:64.31. It has a decimal value of 5986856.


Hexadecimal #5B5A28 #5B5A28
RGB Decimal 91, 90, 40 rgb(91, 90, 40)
RGB Percent 35.6863, 35.2941, 15.6863 rgb(35.6863%, 35.2941%, 15.6863%)
RGB Proportion 0.3569, 0.3529, 0.1569 rgb(0.3569, 0.3529, 0.1569)
CMYK 0, 1.12, 56.04, 64.31
HSL 58.8ยบ, 38.93, 25.69 hsl(58.8, 38.93%, 25.69%)
Websafe 666633 #666633
XYZ 8.354, 9.688, 3.438
Yxy 9.688, 0.389, 0.451
CIE-LAB 37.277, -7.332, 28.642
CIE-LCH 37.277, 29.566, 104.359
CIE-LUV 37.277, 2.874, 30.705
Hunter-Lab 31.126, -6.561, 15.239

Color Schemes For #5B5A28


Colors that go well with #5B5A28.

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

Alternatives to #5B5A28


Colors similar to #5B5A28.


#5B5A28 Preview


Common HTML and CSS shortcodes for #5B5A28.

Text with color #5B5A28


The quick brown fox jumps over the lazy dog.

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

#5B5A28 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #5B5A28


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5B5A28


Linear gradient from #5B5A28 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5B5A28


Radial gradient from #5B5A28 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5B5A28 and its Complementary Color


Linear gradient from #5B5A28 to #A4A5D7.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5B5A28 and its Complementary Color


Radial gradient from #5B5A28 to #A4A5D7.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors