#822420 hex color

In a RGB color space, hex #822420 is composed of 51% red, 14.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.3% magenta, 75.4% yellow and 49% black. It has a hue angle of 2.4 degrees, a saturation of 60.5% and a lightness of 31.8%. #822420 color hex could be obtained by blending #ff4840 with #050000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 51
- G 14
- B 13
RGB color chart
- C 0
- M 72
- Y 75
- K 49
CMYK color chart

● #822420 color description : Dark red.

The hexadecimal color #822420 has RGB values of R:130, G:36, B:32 and CMYK values of C:0, M:0.72, Y:0.75, K:0.49. Its decimal value is 8528928.

Hex triplet	822420	`#822420`
RGB Decimal	130, 36, 32	`rgb(130,36,32)`
RGB Percent	51, 14.1, 12.5	`rgb(51%,14.1%,12.5%)`
CMYK	0, 72, 75, 49
HSL	2.4°, 60.5, 31.8	`hsl(2.4,60.5%,31.8%)`
HSV (or HSB)	2.4°, 75.4, 51
Web Safe	993333	`#993333`

CIE-LAB	29.696, 39.846, 25.888
XYZ	10.098, 6.113, 2.015
xyY	0.554, 0.335, 6.113
CIE-LCH	29.696, 47.517, 33.011
CIE-LUV	29.696, 68.223, 16.156
Hunter-Lab	24.725, 29.635, 12.476
Binary	10000010, 00100100, 00100000

#822420
```
#822420 rgb(130,36,32)
```
#207e82
```
#207e82 rgb(32,126,130)
```

Complementary Color

#82204d
```
#82204d rgb(130,32,77)
```
#822420
```
#822420 rgb(130,36,32)
```
#825520
```
#825520 rgb(130,85,32)
```

Analogous Color

#204d82
```
#204d82 rgb(32,77,130)
```
#822420
```
#822420 rgb(130,36,32)
```
#208255
```
#208255 rgb(32,130,85)
```

Split Complementary Color

#242082
```
#242082 rgb(36,32,130)
```
#822420
```
#822420 rgb(130,36,32)
```
#208224
```
#208224 rgb(32,130,36)
```

Triadic Color

#82207e
```
#82207e rgb(130,32,126)
```
#822420
```
#822420 rgb(130,36,32)
```
#208224
```
#208224 rgb(32,130,36)
```
#207e82
```
#207e82 rgb(32,126,130)
```

Tetradic Color

#451311
```
#451311 rgb(69,19,17)
```
#591916
```
#591916 rgb(89,25,22)
```
#6e1e1b
```
#6e1e1b rgb(110,30,27)
```
#822420
```
#822420 rgb(130,36,32)
```
#962a25
```
#962a25 rgb(150,42,37)
```
#ab2f2a
```
#ab2f2a rgb(171,47,42)
```
#bf352f
```
#bf352f rgb(191,53,47)
```

Monochromatic Color

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

#822035
```
#822035 rgb(130,32,53)
```
#82202c
```
#82202c rgb(130,32,44)
```
#822024
```
#822024 rgb(130,32,36)
```
#822420
```
#822420 rgb(130,36,32)
```
#822c20
```
#822c20 rgb(130,44,32)
```
#823420
```
#823420 rgb(130,52,32)
```
#823c20
```
#823c20 rgb(130,60,32)
```

Similar Colors

Text with hexadecimal color #822420

This text has a font color of #822420.

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

#822420 background color

This paragraph has a background color of #822420.

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

#822420 border color

This element has a border color of #822420.

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

CSS codes

.text {color:#822420;}

.background {background-color:#822420;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#140505
```
#140505 rgb(20,5,5)
```
#240a09
```
#240a09 rgb(36,10,9)
```
#330e0d
```
#330e0d rgb(51,14,13)
```
#431311
```
#431311 rgb(67,19,17)
```
#531714
```
#531714 rgb(83,23,20)
```
#631b18
```
#631b18 rgb(99,27,24)
```
#72201c
```
#72201c rgb(114,32,28)
```
#822420
```
#822420 rgb(130,36,32)
```
#922824
```
#922824 rgb(146,40,36)
```
#a12d28
```
#a12d28 rgb(161,45,40)
```
#b1312c
```
#b1312c rgb(177,49,44)
```
#c1352f
```
#c1352f rgb(193,53,47)
```

Shade Color Variation

#ce3d36
```
#ce3d36 rgb(206,61,54)
```
#d24c46
```
#d24c46 rgb(210,76,70)
```
#d55b56
```
#d55b56 rgb(213,91,86)
```
#d96a66
```
#d96a66 rgb(217,106,102)
```
#dd7a75
```
#dd7a75 rgb(221,122,117)
```
#e18985
```
#e18985 rgb(225,137,133)
```
#e59895
```
#e59895 rgb(229,152,149)
```
#e9a7a5
```
#e9a7a5 rgb(233,167,165)
```
#edb7b4
```
#edb7b4 rgb(237,183,180)
```
#f1c6c4
```
#f1c6c4 rgb(241,198,196)
```
#f4d5d4
```
#f4d5d4 rgb(244,213,212)
```
#f8e4e4
```
#f8e4e4 rgb(248,228,228)
```
#fcf4f3
```
#fcf4f3 rgb(252,244,243)
```

Tint Color Variation

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

#564c4c
```
#564c4c rgb(86,76,76)
```
#5d4645
```
#5d4645 rgb(93,70,69)
```
#63413f
```
#63413f rgb(99,65,63)
```
#693b39
```
#693b39 rgb(105,59,57)
```
#6f3533
```
#6f3533 rgb(111,53,51)
```
#762f2c
```
#762f2c rgb(118,47,44)
```
#7c2a26
```
#7c2a26 rgb(124,42,38)
```
#822420
```
#822420 rgb(130,36,32)
```
#881e1a
```
#881e1a rgb(136,30,26)
```
#8e1914
```
#8e1914 rgb(142,25,20)
```
#95130d
```
#95130d rgb(149,19,13)
```
#9b0d07
```
#9b0d07 rgb(155,13,7)
```
#a10701
```
#a10701 rgb(161,7,1)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#4d3a3a Atypical Achromatopsia 0.001% of the population

Dichromacy

#564f35 Protanopia 1% of men
#614b24 Deuteranopia 1% of men
#882e30 Tritanopia 0.001% of the population

Trichromacy

#663f2d Protanomaly 1% of men, 0.01% of women
#6d3d23 Deuteranomaly 6% of men, 0.4% of women
#862a2a Tritanomaly 0.01% of the population

#822420 hex color

#822420 Color Information

#822420 Color Conversion

Color Schemes with #822420

Alternatives to #822420

#822420 Preview

Shades and Tints of #822420

Tones of #822420

Color Blindness Simulator