colorhexa.com

#522616 hex color

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

- R 32
- G 15
- B 9
RGB color chart
- C 0
- M 54
- Y 73
- K 68
CMYK color chart

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

The hexadecimal color #522616 has RGB values of R:82, G:38, B:22 and CMYK values of C:0, M:0.54, Y:0.73, K:0.68. Its decimal value is 5383702.

Hex triplet	522616	`#522616`
RGB Decimal	82, 38, 22	`rgb(82,38,22)`
RGB Percent	32.2, 14.9, 8.6	`rgb(32.2%,14.9%,8.6%)`
CMYK	0, 54, 73, 68
HSL	16°, 57.7, 20.4	`hsl(16,57.7%,20.4%)`
HSV (or HSB)	16°, 73.2, 32.2
Web Safe	663300	`#663300`

CIE-LAB	20.974, 19.034, 19.783
XYZ	4.318, 3.238, 1.157
xyY	0.496, 0.372, 3.238
CIE-LCH	20.974, 27.453, 46.105
CIE-LUV	20.974, 29.607, 13.295
Hunter-Lab	17.995, 11.336, 8.786
Binary	01010010, 00100110, 00010110

#522616
```
#522616 rgb(82,38,22)
```
#164252
```
#164252 rgb(22,66,82)
```

Complementary Color

#521624
```
#521624 rgb(82,22,36)
```
#522616
```
#522616 rgb(82,38,22)
```
#524416
```
#524416 rgb(82,68,22)
```

Analogous Color

#162452
```
#162452 rgb(22,36,82)
```
#522616
```
#522616 rgb(82,38,22)
```
#165244
```
#165244 rgb(22,82,68)
```

Split Complementary Color

#160a06
```
#160a06 rgb(22,10,6)
```
#2a130b
```
#2a130b rgb(42,19,11)
```
#3e1d11
```
#3e1d11 rgb(62,29,17)
```
#522616
```
#522616 rgb(82,38,22)
```
#662f1b
```
#662f1b rgb(102,47,27)
```
#7a3921
```
#7a3921 rgb(122,57,33)
```
#8e4226
```
#8e4226 rgb(142,66,38)
```

Monochromatic Color

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

#521716
```
#521716 rgb(82,23,22)
```
#521c16
```
#521c16 rgb(82,28,22)
```
#522116
```
#522116 rgb(82,33,22)
```
#522616
```
#522616 rgb(82,38,22)
```
#522b16
```
#522b16 rgb(82,43,22)
```
#523016
```
#523016 rgb(82,48,22)
```
#523516
```
#523516 rgb(82,53,22)
```

Similar Colors

Text with hexadecimal color #522616

This text has a font color of #522616.

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

#522616 background color

This paragraph has a background color of #522616.

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

#522616 border color

This element has a border color of #522616.

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

CSS codes

.text {color:#522616;}

.background {background-color:#522616;}

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

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

#050201
```
#050201 rgb(5,2,1)
```
#140905
```
#140905 rgb(20,9,5)
```
#24100a
```
#24100a rgb(36,16,10)
```
#33180e
```
#33180e rgb(51,24,14)
```
#431f12
```
#431f12 rgb(67,31,18)
```
#522616
```
#522616 rgb(82,38,22)
```
#612d1a
```
#612d1a rgb(97,45,26)
```
#71341e
```
#71341e rgb(113,52,30)
```
#803c22
```
#803c22 rgb(128,60,34)
```
#904327
```
#904327 rgb(144,67,39)
```
#9f4a2b
```
#9f4a2b rgb(159,74,43)
```
#af512f
```
#af512f rgb(175,81,47)
```
#be5833
```
#be5833 rgb(190,88,51)
```

Shade Color Variation

#ca613b
```
#ca613b rgb(202,97,59)
```
#ce6d4a
```
#ce6d4a rgb(206,109,74)
```
#d37a5a
```
#d37a5a rgb(211,122,90)
```
#d78669
```
#d78669 rgb(215,134,105)
```
#db9378
```
#db9378 rgb(219,147,120)
```
#df9f88
```
#df9f88 rgb(223,159,136)
```
#e3ac97
```
#e3ac97 rgb(227,172,151)
```
#e7b8a7
```
#e7b8a7 rgb(231,184,167)
```
#ecc5b6
```
#ecc5b6 rgb(236,197,182)
```
#f0d1c6
```
#f0d1c6 rgb(240,209,198)
```
#f4ddd5
```
#f4ddd5 rgb(244,221,213)
```
#f8eae5
```
#f8eae5 rgb(248,234,229)
```
#fcf6f4
```
#fcf6f4 rgb(252,246,244)
```

Tint Color Variation

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

#363332
```
#363332 rgb(54,51,50)
```
#3a312e
```
#3a312e rgb(58,49,46)
```
#3e2f2a
```
#3e2f2a rgb(62,47,42)
```
#422d26
```
#422d26 rgb(66,45,38)
```
#462c22
```
#462c22 rgb(70,44,34)
```
#4a2a1e
```
#4a2a1e rgb(74,42,30)
```
#4e281a
```
#4e281a rgb(78,40,26)
```
#522616
```
#522616 rgb(82,38,22)
```
#562412
```
#562412 rgb(86,36,18)
```
#5a220e
```
#5a220e rgb(90,34,14)
```
#5e200a
```
#5e200a rgb(94,32,10)
```
#621f06
```
#621f06 rgb(98,31,6)
```
#661d02
```
#661d02 rgb(102,29,2)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#382f2c Atypical Achromatopsia 0.001% of the population

Dichromacy

#423d26 Protanopia 1% of men
#4a3a1f Deuteranopia 1% of men
#5b2f32 Tritanopia 0.001% of the population

Trichromacy

#483420 Protanomaly 1% of men, 0.01% of women
#4d321c Deuteranomaly 6% of men, 0.4% of women
#582b27 Tritanomaly 0.01% of the population