#523522 hex color

In a RGB color space, hex #523522 is composed of 32.2% red, 20.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.4% magenta, 58.5% yellow and 67.8% black. It has a hue angle of 23.8 degrees, a saturation of 41.4% and a lightness of 22.7%. #523522 color hex could be obtained by blending #a46a44 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 32
- G 21
- B 13
RGB color chart
- C 0
- M 35
- Y 59
- K 68
CMYK color chart

● #523522 color description : Very dark desaturated orange.

The hexadecimal color #523522 has RGB values of R:82, G:53, B:34 and CMYK values of C:0, M:0.35, Y:0.59, K:0.68. Its decimal value is 5387554.

Hex triplet	523522	`#523522`
RGB Decimal	82, 53, 34	`rgb(82,53,34)`
RGB Percent	32.2, 20.8, 13.3	`rgb(32.2%,20.8%,13.3%)`
CMYK	0, 35, 59, 68
HSL	23.8°, 41.4, 22.7	`hsl(23.8,41.4%,22.7%)`
HSV (or HSB)	23.8°, 58.5, 32.2
Web Safe	663333	`#663333`

CIE-LAB	25.125, 10.604, 17.203
XYZ	5.042, 4.456, 2.108
xyY	0.434, 0.384, 4.456
CIE-LCH	25.125, 20.208, 58.349
CIE-LUV	25.125, 19.608, 14.524
Hunter-Lab	21.109, 5.692, 8.856
Binary	01010010, 00110101, 00100010

#523522
```
#523522 rgb(82,53,34)
```
#223f52
```
#223f52 rgb(34,63,82)
```

Complementary Color

#522227
```
#522227 rgb(82,34,39)
```
#523522
```
#523522 rgb(82,53,34)
```
#524d22
```
#524d22 rgb(82,77,34)
```

Analogous Color

#222752
```
#222752 rgb(34,39,82)
```
#523522
```
#523522 rgb(82,53,34)
```
#22524d
```
#22524d rgb(34,82,77)
```

Split Complementary Color

#352252
```
#352252 rgb(53,34,82)
```
#523522
```
#523522 rgb(82,53,34)
```
#225235
```
#225235 rgb(34,82,53)
```

Triadic Color

#52223f
```
#52223f rgb(82,34,63)
```
#523522
```
#523522 rgb(82,53,34)
```
#225235
```
#225235 rgb(34,82,53)
```
#223f52
```
#223f52 rgb(34,63,82)
```

Tetradic Color

#1c120c
```
#1c120c rgb(28,18,12)
```
#2e1e13
```
#2e1e13 rgb(46,30,19)
```
#40291b
```
#40291b rgb(64,41,27)
```
#523522
```
#523522 rgb(82,53,34)
```
#644129
```
#644129 rgb(100,65,41)
```
#764c31
```
#764c31 rgb(118,76,49)
```
#885838
```
#885838 rgb(136,88,56)
```

Monochromatic Color

Below, you can see some colors close to #523522. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#522922
```
#522922 rgb(82,41,34)
```
#522d22
```
#522d22 rgb(82,45,34)
```
#523122
```
#523122 rgb(82,49,34)
```
#523522
```
#523522 rgb(82,53,34)
```
#523922
```
#523922 rgb(82,57,34)
```
#523d22
```
#523d22 rgb(82,61,34)
```
#524122
```
#524122 rgb(82,65,34)
```

Similar Colors

Text with hexadecimal color #523522

This text has a font color of #523522.

<span style="color:#523522;">Text here</span>

#523522 background color

This paragraph has a background color of #523522.

<p style="background-color:#523522;">Content here</p>

#523522 border color

This element has a border color of #523522.

<div style="border:1px solid #523522;">Content here</div>

CSS codes

.text {color:#523522;}

.background {background-color:#523522;}

.border {border:1px solid #523522;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0d0805 is the darkest color, while #fffefe is the lightest one.

#0d0805
```
#0d0805 rgb(13,8,5)
```
#1b110b
```
#1b110b rgb(27,17,11)
```
#281a11
```
#281a11 rgb(40,26,17)
```
#362317
```
#362317 rgb(54,35,23)
```
#442c1c
```
#442c1c rgb(68,44,28)
```
#523522
```
#523522 rgb(82,53,34)
```
#603e28
```
#603e28 rgb(96,62,40)
```
#6e472d
```
#6e472d rgb(110,71,45)
```
#7c5033
```
#7c5033 rgb(124,80,51)
```
#895939
```
#895939 rgb(137,89,57)
```
#97623f
```
#97623f rgb(151,98,63)
```
#a56b44
```
#a56b44 rgb(165,107,68)
```
#b3744a
```
#b3744a rgb(179,116,74)
```

Shade Color Variation

#ba7e57
```
#ba7e57 rgb(186,126,87)
```
#bf8965
```
#bf8965 rgb(191,137,101)
```
#c59473
```
#c59473 rgb(197,148,115)
```
#cb9e81
```
#cb9e81 rgb(203,158,129)
```
#d1a98f
```
#d1a98f rgb(209,169,143)
```
#d6b49d
```
#d6b49d rgb(214,180,157)
```
#dcbeab
```
#dcbeab rgb(220,190,171)
```
#e2c9b8
```
#e2c9b8 rgb(226,201,184)
```
#e8d3c6
```
#e8d3c6 rgb(232,211,198)
```
#edded4
```
#edded4 rgb(237,222,212)
```
#f3e9e2
```
#f3e9e2 rgb(243,233,226)
```
#f9f3f0
```
#f9f3f0 rgb(249,243,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3c3a38 is the less saturated color, while #712e03 is the most saturated one.

#3c3a38
```
#3c3a38 rgb(60,58,56)
```
#403934
```
#403934 rgb(64,57,52)
```
#45382f
```
#45382f rgb(69,56,47)
```
#49372b
```
#49372b rgb(73,55,43)
```
#4e3626
```
#4e3626 rgb(78,54,38)
```
#523522
```
#523522 rgb(82,53,34)
```
#56341e
```
#56341e rgb(86,52,30)
```
#5b3319
```
#5b3319 rgb(91,51,25)
```
#5f3215
```
#5f3215 rgb(95,50,21)
```
#643110
```
#643110 rgb(100,49,16)
```
#68300c
```
#68300c rgb(104,48,12)
```
#6d2f07
```
#6d2f07 rgb(109,47,7)
```
#712e03
```
#712e03 rgb(113,46,3)
```

Tone Color Variation

Below, you can see how #523522 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#3c3c3c Achromatopsia 0.005% of the population
#403b37 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b452f Protanopia 1% of men
#53422c Deuteranopia 1% of men
#5c3c41 Tritanopia 0.001% of the population

Trichromacy

#4d3f2a Protanomaly 1% of men, 0.01% of women
#533d28 Deuteranomaly 6% of men, 0.4% of women
#583a35 Tritanomaly 0.01% of the population

#523522 hex color

#523522 Color Information

#523522 Color Conversion

Color Schemes with #523522

Alternatives to #523522

#523522 Preview

Shades and Tints of #523522

Tones of #523522

Color Blindness Simulator