#535225 Color Information


In the RGB color space, #535225 is composed of 32.549% red, 32.1569% green, and 14.5098% blue.

In the CMYK color space, #535225 is composed of 0% cyan, 1.2% magenta, 55.42% yellow, and 67.45% black,

It has a hue angle of 58.7 degrees, a saturation of 38.33%, and a lightness of 23.53%.

The closest websafe color is #666633.

#535225 RGB Values

#535225 CMYK Values



#535225 Color Conversion


The hexadecimal color #535225 has RGB values of R:83, G:82, B:37 and CMYK values of C:0, M:1.2, Y:55.42, K:67.45. It has a decimal value of 5460517.


Hexadecimal #535225 #535225
RGB Decimal 83, 82, 37 rgb(83, 82, 37)
RGB Percent 32.549, 32.1569, 14.5098 rgb(32.549%, 32.1569%, 14.5098%)
RGB Proportion 0.3255, 0.3216, 0.1451 rgb(0.3255, 0.3216, 0.1451)
CMYK 0, 1.2, 55.42, 67.45
HSL 58.7ยบ, 38.33, 23.53 hsl(58.7, 38.33%, 23.53%)
Websafe 666633 #666633
XYZ 6.919, 8.008, 2.931
Yxy 8.008, 0.387, 0.448
CIE-LAB 34.0, -6.744, 26.266
CIE-LCH 34.0, 27.118, 104.4
CIE-LUV 34.0, 2.613, 27.519
Hunter-Lab 28.298, -5.879, 13.668

Color Schemes For #535225


Colors that go well with #535225.

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

Alternatives to #535225


Colors similar to #535225.


#535225 Preview


Common HTML and CSS shortcodes for #535225.

Text with color #535225


The quick brown fox jumps over the lazy dog.

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

#535225 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #535225


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #535225


Linear gradient from #535225 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #535225


Radial gradient from #535225 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #535225 and its Complementary Color


Linear gradient from #535225 to #ACADDA.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #535225 and its Complementary Color


Radial gradient from #535225 to #ACADDA.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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