#522a12 hex color

In a RGB color space, hex #522a12 is composed of 32.2% red, 16.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.8% magenta, 78% yellow and 67.8% black. It has a hue angle of 22.5 degrees, a saturation of 64% and a lightness of 19.6%. #522a12 color hex could be obtained by blending #a45424 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 32
- G 16
- B 7
RGB color chart
- C 0
- M 49
- Y 78
- K 68
CMYK color chart

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

The hexadecimal color #522a12 has RGB values of R:82, G:42, B:18 and CMYK values of C:0, M:0.49, Y:0.78, K:0.68. Its decimal value is 5384722.

Hex triplet	522a12	`#522a12`
RGB Decimal	82, 42, 18	`rgb(82,42,18)`
RGB Percent	32.2, 16.5, 7.1	`rgb(32.2%,16.5%,7.1%)`
CMYK	0, 49, 78, 68
HSL	22.5°, 64, 19.6	`hsl(22.5,64%,19.6%)`
HSV (or HSB)	22.5°, 78, 32.2
Web Safe	663300	`#663300`

CIE-LAB	21.922, 16.305, 23.305
XYZ	4.417, 3.494, 1.014
xyY	0.495, 0.391, 3.494
CIE-LCH	21.922, 28.442, 55.021
CIE-LUV	21.922, 27.724, 16.218
Hunter-Lab	18.692, 9.47, 9.868
Binary	01010010, 00101010, 00010010

#522a12
```
#522a12 rgb(82,42,18)
```
#123a52
```
#123a52 rgb(18,58,82)
```

Complementary Color

#52121a
```
#52121a rgb(82,18,26)
```
#522a12
```
#522a12 rgb(82,42,18)
```
#524a12
```
#524a12 rgb(82,74,18)
```

Analogous Color

#121a52
```
#121a52 rgb(18,26,82)
```
#522a12
```
#522a12 rgb(82,42,18)
```
#12524a
```
#12524a rgb(18,82,74)
```

Split Complementary Color

#2a1252
```
#2a1252 rgb(42,18,82)
```
#522a12
```
#522a12 rgb(82,42,18)
```
#12522a
```
#12522a rgb(18,82,42)
```

Triadic Color

#52123a
```
#52123a rgb(82,18,58)
```
#522a12
```
#522a12 rgb(82,42,18)
```
#12522a
```
#12522a rgb(18,82,42)
```
#123a52
```
#123a52 rgb(18,58,82)
```

Tetradic Color

#130a04
```
#130a04 rgb(19,10,4)
```
#281509
```
#281509 rgb(40,21,9)
```
#3d1f0d
```
#3d1f0d rgb(61,31,13)
```
#522a12
```
#522a12 rgb(82,42,18)
```
#673517
```
#673517 rgb(103,53,23)
```
#7c3f1b
```
#7c3f1b rgb(124,63,27)
```
#914a20
```
#914a20 rgb(145,74,32)
```

Monochromatic Color

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

#521a12
```
#521a12 rgb(82,26,18)
```
#521f12
```
#521f12 rgb(82,31,18)
```
#522512
```
#522512 rgb(82,37,18)
```
#522a12
```
#522a12 rgb(82,42,18)
```
#522f12
```
#522f12 rgb(82,47,18)
```
#523512
```
#523512 rgb(82,53,18)
```
#523a12
```
#523a12 rgb(82,58,18)
```

Similar Colors

Text with hexadecimal color #522a12

This text has a font color of #522a12.

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

#522a12 background color

This paragraph has a background color of #522a12.

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

#522a12 border color

This element has a border color of #522a12.

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

CSS codes

.text {color:#522a12;}

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

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120904
```
#120904 rgb(18,9,4)
```
#221107
```
#221107 rgb(34,17,7)
```
#321a0b
```
#321a0b rgb(50,26,11)
```
#42220e
```
#42220e rgb(66,34,14)
```
#522a12
```
#522a12 rgb(82,42,18)
```
#623216
```
#623216 rgb(98,50,22)
```
#723a19
```
#723a19 rgb(114,58,25)
```
#82431d
```
#82431d rgb(130,67,29)
```
#924b20
```
#924b20 rgb(146,75,32)
```
#a25324
```
#a25324 rgb(162,83,36)
```
#b35b27
```
#b35b27 rgb(179,91,39)
```
#c3642b
```
#c3642b rgb(195,100,43)
```

Shade Color Variation

#d16c2f
```
#d16c2f rgb(209,108,47)
```
#d57840
```
#d57840 rgb(213,120,64)
```
#d98350
```
#d98350 rgb(217,131,80)
```
#dc8e60
```
#dc8e60 rgb(220,142,96)
```
#e09a70
```
#e09a70 rgb(224,154,112)
```
#e3a580
```
#e3a580 rgb(227,165,128)
```
#e7b090
```
#e7b090 rgb(231,176,144)
```
#eabca0
```
#eabca0 rgb(234,188,160)
```
#eec7b0
```
#eec7b0 rgb(238,199,176)
```
#f1d3c0
```
#f1d3c0 rgb(241,211,192)
```
#f5ded0
```
#f5ded0 rgb(245,222,208)
```
#f8e9e0
```
#f8e9e0 rgb(248,233,224)
```
#fcf5f0
```
#fcf5f0 rgb(252,245,240)
```

Tint Color Variation

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

#333231
```
#333231 rgb(51,50,49)
```
#37312d
```
#37312d rgb(55,49,45)
```
#3b3029
```
#3b3029 rgb(59,48,41)
```
#3f2f25
```
#3f2f25 rgb(63,47,37)
```
#432e21
```
#432e21 rgb(67,46,33)
```
#462d1e
```
#462d1e rgb(70,45,30)
```
#4a2c1a
```
#4a2c1a rgb(74,44,26)
```
#4e2b16
```
#4e2b16 rgb(78,43,22)
```
#522a12
```
#522a12 rgb(82,42,18)
```
#56290e
```
#56290e rgb(86,41,14)
```
#5a280a
```
#5a280a rgb(90,40,10)
```
#5e2706
```
#5e2706 rgb(94,39,6)
```
#612603
```
#612603 rgb(97,38,3)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#39312c Atypical Achromatopsia 0.001% of the population

Dichromacy

#453f21 Protanopia 1% of men
#4d3c1c Deuteranopia 1% of men
#5c3235 Tritanopia 0.001% of the population

Trichromacy

#49371b Protanomaly 1% of men, 0.01% of women
#4f3518 Deuteranomaly 6% of men, 0.4% of women
#582f28 Tritanomaly 0.01% of the population

#522a12 hex color

#522a12 Color Information

#522a12 Color Conversion

Color Schemes with #522a12

Alternatives to #522a12

#522a12 Preview

Shades and Tints of #522a12

Tones of #522a12

Color Blindness Simulator