#523E29 Color Information


In the RGB color space, #523E29 is composed of 32.1569% red, 24.3137% green, and 16.0784% blue.

In the CMYK color space, #523E29 is composed of 0% cyan, 24.41% magenta, 50.0% yellow, and 67.84% black,

It has a hue angle of 30.7 degrees, a saturation of 33.33%, and a lightness of 24.12%.

The closest websafe color is #663333.

#523E29 RGB Values

#523E29 CMYK Values



#523E29 Color Conversion


The hexadecimal color #523E29 has RGB values of R:82, G:62, B:41 and CMYK values of C:0, M:24.41, Y:50, K:67.84. It has a decimal value of 5389865.


Hexadecimal #523E29 #523E29
RGB Decimal 82, 62, 41 rgb(82, 62, 41)
RGB Percent 32.1569, 24.3137, 16.0784 rgb(32.1569%, 24.3137%, 16.0784%)
RGB Proportion 0.3216, 0.2431, 0.1608 rgb(0.3216, 0.2431, 0.1608)
CMYK 0, 24.41, 50, 67.84
HSL 30.7ยบ, 33.33, 24.12 hsl(30.7, 33.33%, 24.12%)
Websafe 663333 #663333
XYZ 5.603, 5.399, 2.845
Yxy 5.399, 0.405, 0.39
CIE-LAB 27.843, 5.618, 16.243
CIE-LCH 27.843, 17.187, 70.921
CIE-LUV 27.843, 13.672, 15.378
Hunter-Lab 23.236, 2.38, 9.006

Color Schemes For #523E29


Colors that go well with #523E29.

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

Alternatives to #523E29


Colors similar to #523E29.


#523E29 Preview


Common HTML and CSS shortcodes for #523E29.

Text with color #523E29


The quick brown fox jumps over the lazy dog.

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

#523E29 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #523E29


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #523E29


Linear gradient from #523E29 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #523E29


Radial gradient from #523E29 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #523E29 and its Complementary Color


Linear gradient from #523E29 to #ADC1D6.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #523E29 and its Complementary Color


Radial gradient from #523E29 to #ADC1D6.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors