#523222 hex color

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

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

● #523222 color description : Very dark desaturated orange.

The hexadecimal color #523222 has RGB values of R:82, G:50, B:34 and CMYK values of C:0, M:0.39, Y:0.59, K:0.68. Its decimal value is 5386786.

Hex triplet	523222	`#523222`
RGB Decimal	82, 50, 34	`rgb(82,50,34)`
RGB Percent	32.2, 19.6, 13.3	`rgb(32.2%,19.6%,13.3%)`
CMYK	0, 39, 59, 68
HSL	20°, 41.4, 22.7	`hsl(20,41.4%,22.7%)`
HSV (or HSB)	20°, 58.5, 32.2
Web Safe	663333	`#663333`

CIE-LAB	24.293, 12.53, 16.146
XYZ	4.909, 4.191, 2.064
xyY	0.44, 0.375, 4.191
CIE-LCH	24.293, 20.437, 52.188
CIE-LUV	24.293, 21.364, 13.143
Hunter-Lab	20.472, 6.979, 8.353
Binary	01010010, 00110010, 00100010

#523222
```
#523222 rgb(82,50,34)
```
#224252
```
#224252 rgb(34,66,82)
```

Complementary Color

#52222a
```
#52222a rgb(82,34,42)
```
#523222
```
#523222 rgb(82,50,34)
```
#524a22
```
#524a22 rgb(82,74,34)
```

Analogous Color

#222a52
```
#222a52 rgb(34,42,82)
```
#523222
```
#523222 rgb(82,50,34)
```
#22524a
```
#22524a rgb(34,82,74)
```

Split Complementary Color

#322252
```
#322252 rgb(50,34,82)
```
#523222
```
#523222 rgb(82,50,34)
```
#225232
```
#225232 rgb(34,82,50)
```

Triadic Color

#522242
```
#522242 rgb(82,34,66)
```
#523222
```
#523222 rgb(82,50,34)
```
#225232
```
#225232 rgb(34,82,50)
```
#224252
```
#224252 rgb(34,66,82)
```

Tetradic Color

#1c110c
```
#1c110c rgb(28,17,12)
```
#2e1c13
```
#2e1c13 rgb(46,28,19)
```
#40271b
```
#40271b rgb(64,39,27)
```
#523222
```
#523222 rgb(82,50,34)
```
#643d29
```
#643d29 rgb(100,61,41)
```
#764831
```
#764831 rgb(118,72,49)
```
#885338
```
#885338 rgb(136,83,56)
```

Monochromatic Color

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

#522622
```
#522622 rgb(82,38,34)
```
#522a22
```
#522a22 rgb(82,42,34)
```
#522e22
```
#522e22 rgb(82,46,34)
```
#523222
```
#523222 rgb(82,50,34)
```
#523622
```
#523622 rgb(82,54,34)
```
#523a22
```
#523a22 rgb(82,58,34)
```
#523e22
```
#523e22 rgb(82,62,34)
```

Similar Colors

Text with hexadecimal color #523222

This text has a font color of #523222.

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

#523222 background color

This paragraph has a background color of #523222.

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

#523222 border color

This element has a border color of #523222.

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

CSS codes

.text {color:#523222;}

.background {background-color:#523222;}

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

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)
```
#1b100b
```
#1b100b rgb(27,16,11)
```
#281911
```
#281911 rgb(40,25,17)
```
#362117
```
#362117 rgb(54,33,23)
```
#442a1c
```
#442a1c rgb(68,42,28)
```
#523222
```
#523222 rgb(82,50,34)
```
#603a28
```
#603a28 rgb(96,58,40)
```
#6e432d
```
#6e432d rgb(110,67,45)
```
#7c4b33
```
#7c4b33 rgb(124,75,51)
```
#895439
```
#895439 rgb(137,84,57)
```
#975c3f
```
#975c3f rgb(151,92,63)
```
#a56544
```
#a56544 rgb(165,101,68)
```
#b36d4a
```
#b36d4a rgb(179,109,74)
```

Shade Color Variation

#ba7857
```
#ba7857 rgb(186,120,87)
```
#bf8365
```
#bf8365 rgb(191,131,101)
```
#c58e73
```
#c58e73 rgb(197,142,115)
```
#cb9a81
```
#cb9a81 rgb(203,154,129)
```
#d1a58f
```
#d1a58f rgb(209,165,143)
```
#d6b09d
```
#d6b09d rgb(214,176,157)
```
#dcbbab
```
#dcbbab rgb(220,187,171)
```
#e2c6b8
```
#e2c6b8 rgb(226,198,184)
```
#e8d1c6
```
#e8d1c6 rgb(232,209,198)
```
#edddd4
```
#edddd4 rgb(237,221,212)
```
#f3e8e2
```
#f3e8e2 rgb(243,232,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, #3c3938 is the less saturated color, while #712803 is the most saturated one.

#3c3938
```
#3c3938 rgb(60,57,56)
```
#403834
```
#403834 rgb(64,56,52)
```
#45362f
```
#45362f rgb(69,54,47)
```
#49352b
```
#49352b rgb(73,53,43)
```
#4e3326
```
#4e3326 rgb(78,51,38)
```
#523222
```
#523222 rgb(82,50,34)
```
#56311e
```
#56311e rgb(86,49,30)
```
#5b2f19
```
#5b2f19 rgb(91,47,25)
```
#5f2e15
```
#5f2e15 rgb(95,46,21)
```
#642c10
```
#642c10 rgb(100,44,16)
```
#682b0c
```
#682b0c rgb(104,43,12)
```
#6d2907
```
#6d2907 rgb(109,41,7)
```
#712803
```
#712803 rgb(113,40,3)
```

Tone Color Variation

Below, you can see how #523222 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

#3a3a3a Achromatopsia 0.005% of the population
#3f3835 Atypical Achromatopsia 0.001% of the population

Dichromacy

#494330 Protanopia 1% of men
#51412c Deuteranopia 1% of men
#5c3a3e Tritanopia 0.001% of the population

Trichromacy

#4c3d2b Protanomaly 1% of men, 0.01% of women
#513b28 Deuteranomaly 6% of men, 0.4% of women
#583734 Tritanomaly 0.01% of the population

#523222 hex color

#523222 Color Information

#523222 Color Conversion

Color Schemes with #523222

Alternatives to #523222

#523222 Preview

Shades and Tints of #523222

Tones of #523222

Color Blindness Simulator