#504A36 Color Information


In the RGB color space, #504A36 is composed of 31.3725% red, 29.0196% green, and 21.1765% blue.

In the CMYK color space, #504A36 is composed of 0% cyan, 7.49% magenta, 32.48% yellow, and 68.63% black,

It has a hue angle of 46.2 degrees, a saturation of 19.39%, and a lightness of 26.27%.

The closest websafe color is #663333.

#504A36 RGB Values

#504A36 CMYK Values



#504A36 Color Conversion


The hexadecimal color #504A36 has RGB values of R:80, G:74, B:54 and CMYK values of C:0, M:7.49, Y:32.48, K:68.63. It has a decimal value of 5261878.


Hexadecimal #504A36 #504A36
RGB Decimal 80, 74, 54 rgb(80, 74, 54)
RGB Percent 31.3725, 29.0196, 21.1765 rgb(31.3725%, 29.0196%, 21.1765%)
RGB Proportion 0.3137, 0.2902, 0.2118 rgb(0.3137, 0.2902, 0.2118)
CMYK 0, 7.49, 32.48, 68.63
HSL 46.2ยบ, 19.39, 26.27 hsl(46.2, 19.39%, 26.27%)
Websafe 663333 #663333
XYZ 6.423, 6.869, 4.479
Yxy 6.869, 0.361, 0.387
CIE-LAB 31.507, -1.112, 12.868
CIE-LCH 31.507, 12.916, 94.939
CIE-LUV 31.507, 4.594, 14.214
Hunter-Lab 26.209, -2.12, 8.214

Color Schemes For #504A36


Colors that go well with #504A36.

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

Alternatives to #504A36


Colors similar to #504A36.


#504A36 Preview


Common HTML and CSS shortcodes for #504A36.

Text with color #504A36


The quick brown fox jumps over the lazy dog.

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

#504A36 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #504A36


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #504A36


Linear gradient from #504A36 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #504A36


Radial gradient from #504A36 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #504A36 and its Complementary Color


Linear gradient from #504A36 to #AFB5C9.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #504A36 and its Complementary Color


Radial gradient from #504A36 to #AFB5C9.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors