#523216 hex color

In a RGB color space, hex #523216 is composed of 32.2% red, 19.6% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39% magenta, 73.2% yellow and 67.8% black. It has a hue angle of 28 degrees, a saturation of 57.7% and a lightness of 20.4%. #523216 color hex could be obtained by blending #a4642c with #000000. Closest websafe color is: #663300.

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

● #523216 color description : Very dark orange [Brown tone].

The hexadecimal color #523216 has RGB values of R:82, G:50, B:22 and CMYK values of C:0, M:0.39, Y:0.73, K:0.68. Its decimal value is 5386774.

Hex triplet	523216	`#523216`
RGB Decimal	82, 50, 22	`rgb(82,50,22)`
RGB Percent	32.2, 19.6, 8.6	`rgb(32.2%,19.6%,8.6%)`
CMYK	0, 39, 73, 68
HSL	28°, 57.7, 20.4	`hsl(28,57.7%,20.4%)`
HSV (or HSB)	28°, 73.2, 32.2
Web Safe	663300	`#663300`

CIE-LAB	24.107, 11.491, 23.371
XYZ	4.765, 4.133, 1.306
xyY	0.467, 0.405, 4.133
CIE-LCH	24.107, 26.043, 63.817
CIE-LUV	24.107, 22.511, 18.164
Hunter-Lab	20.331, 6.26, 10.423
Binary	01010010, 00110010, 00010110

#523216
```
#523216 rgb(82,50,22)
```
#163652
```
#163652 rgb(22,54,82)
```

Complementary Color

#521618
```
#521618 rgb(82,22,24)
```
#523216
```
#523216 rgb(82,50,22)
```
#525016
```
#525016 rgb(82,80,22)
```

Analogous Color

#161852
```
#161852 rgb(22,24,82)
```
#523216
```
#523216 rgb(82,50,22)
```
#165250
```
#165250 rgb(22,82,80)
```

Split Complementary Color

#321652
```
#321652 rgb(50,22,82)
```
#523216
```
#523216 rgb(82,50,22)
```
#165232
```
#165232 rgb(22,82,50)
```

Triadic Color

#521636
```
#521636 rgb(82,22,54)
```
#523216
```
#523216 rgb(82,50,22)
```
#165232
```
#165232 rgb(22,82,50)
```
#163652
```
#163652 rgb(22,54,82)
```

Tetradic Color

#160d06
```
#160d06 rgb(22,13,6)
```
#2a190b
```
#2a190b rgb(42,25,11)
```
#3e2611
```
#3e2611 rgb(62,38,17)
```
#523216
```
#523216 rgb(82,50,22)
```
#663e1b
```
#663e1b rgb(102,62,27)
```
#7a4b21
```
#7a4b21 rgb(122,75,33)
```
#8e5726
```
#8e5726 rgb(142,87,38)
```

Monochromatic Color

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

#522316
```
#522316 rgb(82,35,22)
```
#522816
```
#522816 rgb(82,40,22)
```
#522d16
```
#522d16 rgb(82,45,22)
```
#523216
```
#523216 rgb(82,50,22)
```
#523716
```
#523716 rgb(82,55,22)
```
#523c16
```
#523c16 rgb(82,60,22)
```
#524116
```
#524116 rgb(82,65,22)
```

Similar Colors

Text with hexadecimal color #523216

This text has a font color of #523216.

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

#523216 background color

This paragraph has a background color of #523216.

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

#523216 border color

This element has a border color of #523216.

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

CSS codes

.text {color:#523216;}

.background {background-color:#523216;}

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

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, #050301 is the darkest color, while #fcf8f4 is the lightest one.

#050301
```
#050301 rgb(5,3,1)
```
#140c05
```
#140c05 rgb(20,12,5)
```
#24160a
```
#24160a rgb(36,22,10)
```
#331f0e
```
#331f0e rgb(51,31,14)
```
#432912
```
#432912 rgb(67,41,18)
```
#523216
```
#523216 rgb(82,50,22)
```
#613b1a
```
#613b1a rgb(97,59,26)
```
#71451e
```
#71451e rgb(113,69,30)
```
#804e22
```
#804e22 rgb(128,78,34)
```
#905827
```
#905827 rgb(144,88,39)
```
#9f612b
```
#9f612b rgb(159,97,43)
```
#af6b2f
```
#af6b2f rgb(175,107,47)
```
#be7433
```
#be7433 rgb(190,116,51)
```

Shade Color Variation

#ca7e3b
```
#ca7e3b rgb(202,126,59)
```
#ce884a
```
#ce884a rgb(206,136,74)
```
#d3925a
```
#d3925a rgb(211,146,90)
```
#d79c69
```
#d79c69 rgb(215,156,105)
```
#dba678
```
#dba678 rgb(219,166,120)
```
#dfb188
```
#dfb188 rgb(223,177,136)
```
#e3bb97
```
#e3bb97 rgb(227,187,151)
```
#e7c5a7
```
#e7c5a7 rgb(231,197,167)
```
#eccfb6
```
#eccfb6 rgb(236,207,182)
```
#f0d9c6
```
#f0d9c6 rgb(240,217,198)
```
#f4e4d5
```
#f4e4d5 rgb(244,228,213)
```
#f8eee5
```
#f8eee5 rgb(248,238,229)
```
#fcf8f4
```
#fcf8f4 rgb(252,248,244)
```

Tint Color Variation

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

#363432
```
#363432 rgb(54,52,50)
```
#3a342e
```
#3a342e rgb(58,52,46)
```
#3e332a
```
#3e332a rgb(62,51,42)
```
#423326
```
#423326 rgb(66,51,38)
```
#463322
```
#463322 rgb(70,51,34)
```
#4a331e
```
#4a331e rgb(74,51,30)
```
#4e321a
```
#4e321a rgb(78,50,26)
```
#523216
```
#523216 rgb(82,50,22)
```
#563212
```
#563212 rgb(86,50,18)
```
#5a310e
```
#5a310e rgb(90,49,14)
```
#5e310a
```
#5e310a rgb(94,49,10)
```
#623106
```
#623106 rgb(98,49,6)
```
#663102
```
#663102 rgb(102,49,2)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#3d3731 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4324 Protanopia 1% of men
#524020 Deuteranopia 1% of men
#5c393d Tritanopia 0.001% of the population

Trichromacy

#4d3d1f Protanomaly 1% of men, 0.01% of women
#523b1c Deuteranomaly 6% of men, 0.4% of women
#58362f Tritanomaly 0.01% of the population

#523216 hex color

#523216 Color Information

#523216 Color Conversion

Color Schemes with #523216

Alternatives to #523216

#523216 Preview

Shades and Tints of #523216

Tones of #523216

Color Blindness Simulator