#522e20 hex color

In a RGB color space, hex #522e20 is composed of 32.2% red, 18% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.9% magenta, 61% yellow and 67.8% black. It has a hue angle of 16.8 degrees, a saturation of 43.9% and a lightness of 22.4%. #522e20 color hex could be obtained by blending #a45c40 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 32
- G 18
- B 13
RGB color chart
- C 0
- M 44
- Y 61
- K 68
CMYK color chart

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

The hexadecimal color #522e20 has RGB values of R:82, G:46, B:32 and CMYK values of C:0, M:0.44, Y:0.61, K:0.68. Its decimal value is 5385760.

Hex triplet	522e20	`#522e20`
RGB Decimal	82, 46, 32	`rgb(82,46,32)`
RGB Percent	32.2, 18, 12.5	`rgb(32.2%,18%,12.5%)`
CMYK	0, 44, 61, 68
HSL	16.8°, 43.9, 22.4	`hsl(16.8,43.9%,22.4%)`
HSV (or HSB)	16.8°, 61, 32.2
Web Safe	663333	`#663333`

CIE-LAB	23.178, 14.881, 16.024
XYZ	4.717, 3.852, 1.862
xyY	0.452, 0.369, 3.852
CIE-LCH	23.178, 21.868, 47.118
CIE-LUV	23.178, 23.893, 12.318
Hunter-Lab	19.628, 8.554, 8.116
Binary	01010010, 00101110, 00100000

#522e20
```
#522e20 rgb(82,46,32)
```
#204452
```
#204452 rgb(32,68,82)
```

Complementary Color

#52202b
```
#52202b rgb(82,32,43)
```
#522e20
```
#522e20 rgb(82,46,32)
```
#524720
```
#524720 rgb(82,71,32)
```

Analogous Color

#202b52
```
#202b52 rgb(32,43,82)
```
#522e20
```
#522e20 rgb(82,46,32)
```
#205247
```
#205247 rgb(32,82,71)
```

Split Complementary Color

#2e2052
```
#2e2052 rgb(46,32,82)
```
#522e20
```
#522e20 rgb(82,46,32)
```
#20522e
```
#20522e rgb(32,82,46)
```

Triadic Color

#522044
```
#522044 rgb(82,32,68)
```
#522e20
```
#522e20 rgb(82,46,32)
```
#20522e
```
#20522e rgb(32,82,46)
```
#204452
```
#204452 rgb(32,68,82)
```

Tetradic Color

#1b0f0b
```
#1b0f0b rgb(27,15,11)
```
#2d1912
```
#2d1912 rgb(45,25,18)
```
#402419
```
#402419 rgb(64,36,25)
```
#522e20
```
#522e20 rgb(82,46,32)
```
#643827
```
#643827 rgb(100,56,39)
```
#77432e
```
#77432e rgb(119,67,46)
```
#894d35
```
#894d35 rgb(137,77,53)
```

Monochromatic Color

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

#522220
```
#522220 rgb(82,34,32)
```
#522620
```
#522620 rgb(82,38,32)
```
#522a20
```
#522a20 rgb(82,42,32)
```
#522e20
```
#522e20 rgb(82,46,32)
```
#523220
```
#523220 rgb(82,50,32)
```
#523620
```
#523620 rgb(82,54,32)
```
#523b20
```
#523b20 rgb(82,59,32)
```

Similar Colors

Text with hexadecimal color #522e20

This text has a font color of #522e20.

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

#522e20 background color

This paragraph has a background color of #522e20.

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

#522e20 border color

This element has a border color of #522e20.

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

CSS codes

.text {color:#522e20;}

.background {background-color:#522e20;}

.border {border:1px solid #522e20;}

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, #0b0604 is the darkest color, while #fefdfc is the lightest one.

#0b0604
```
#0b0604 rgb(11,6,4)
```
#1a0e0a
```
#1a0e0a rgb(26,14,10)
```
#28160f
```
#28160f rgb(40,22,15)
```
#361e15
```
#361e15 rgb(54,30,21)
```
#44261a
```
#44261a rgb(68,38,26)
```
#522e20
```
#522e20 rgb(82,46,32)
```
#603626
```
#603626 rgb(96,54,38)
```
#6e3e2b
```
#6e3e2b rgb(110,62,43)
```
#7c4631
```
#7c4631 rgb(124,70,49)
```
#8a4e36
```
#8a4e36 rgb(138,78,54)
```
#99563c
```
#99563c rgb(153,86,60)
```
#a75d41
```
#a75d41 rgb(167,93,65)
```
#b56547
```
#b56547 rgb(181,101,71)
```

Shade Color Variation

#bc7053
```
#bc7053 rgb(188,112,83)
```
#c17c61
```
#c17c61 rgb(193,124,97)
```
#c7886f
```
#c7886f rgb(199,136,111)
```
#cc937d
```
#cc937d rgb(204,147,125)
```
#d29f8b
```
#d29f8b rgb(210,159,139)
```
#d7ab9a
```
#d7ab9a rgb(215,171,154)
```
#ddb7a8
```
#ddb7a8 rgb(221,183,168)
```
#e2c2b6
```
#e2c2b6 rgb(226,194,182)
```
#e8cec4
```
#e8cec4 rgb(232,206,196)
```
#eddad2
```
#eddad2 rgb(237,218,210)
```
#f3e5e0
```
#f3e5e0 rgb(243,229,224)
```
#f8f1ee
```
#f8f1ee rgb(248,241,238)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#3c3836
```
#3c3836 rgb(60,56,54)
```
#403632
```
#403632 rgb(64,54,50)
```
#45342d
```
#45342d rgb(69,52,45)
```
#493229
```
#493229 rgb(73,50,41)
```
#4e3024
```
#4e3024 rgb(78,48,36)
```
#522e20
```
#522e20 rgb(82,46,32)
```
#562c1c
```
#562c1c rgb(86,44,28)
```
#5b2a17
```
#5b2a17 rgb(91,42,23)
```
#5f2813
```
#5f2813 rgb(95,40,19)
```
#64260e
```
#64260e rgb(100,38,14)
```
#68240a
```
#68240a rgb(104,36,10)
```
#6c2206
```
#6c2206 rgb(108,34,6)
```
#712001
```
#712001 rgb(113,32,1)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#3c3532 Atypical Achromatopsia 0.001% of the population

Dichromacy

#46412e Protanopia 1% of men
#4e3e29 Deuteranopia 1% of men
#5c363a Tritanopia 0.001% of the population

Trichromacy

#4a3a29 Protanomaly 1% of men, 0.01% of women
#4f3826 Deuteranomaly 6% of men, 0.4% of women
#583330 Tritanomaly 0.01% of the population

#522e20 hex color

#522e20 Color Information

#522e20 Color Conversion

Color Schemes with #522e20

Alternatives to #522e20

#522e20 Preview

Shades and Tints of #522e20

Tones of #522e20

Color Blindness Simulator