#822020 hex color

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

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

● #822020 color description : Dark red.

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

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

CIE-LAB	29.119, 41.437, 25.228
XYZ	9.984, 5.884, 1.977
xyY	0.559, 0.33, 5.884
CIE-LCH	29.119, 48.512, 31.335
CIE-LUV	29.119, 70.216, 15.147
Hunter-Lab	24.258, 31.014, 12.149
Binary	10000010, 00100000, 00100000

#822020
```
#822020 rgb(130,32,32)
```
#208282
```
#208282 rgb(32,130,130)
```

Complementary Color

#822051
```
#822051 rgb(130,32,81)
```
#822020
```
#822020 rgb(130,32,32)
```
#825120
```
#825120 rgb(130,81,32)
```

Analogous Color

#205182
```
#205182 rgb(32,81,130)
```
#822020
```
#822020 rgb(130,32,32)
```
#208251
```
#208251 rgb(32,130,81)
```

Split Complementary Color

#202082
```
#202082 rgb(32,32,130)
```
#822020
```
#822020 rgb(130,32,32)
```
#208220
```
#208220 rgb(32,130,32)
```

Triadic Color

#822082
```
#822082 rgb(130,32,130)
```
#822020
```
#822020 rgb(130,32,32)
```
#208220
```
#208220 rgb(32,130,32)
```
#208282
```
#208282 rgb(32,130,130)
```

Tetradic Color

#451111
```
#451111 rgb(69,17,17)
```
#591616
```
#591616 rgb(89,22,22)
```
#6e1b1b
```
#6e1b1b rgb(110,27,27)
```
#822020
```
#822020 rgb(130,32,32)
```
#962525
```
#962525 rgb(150,37,37)
```
#ab2a2a
```
#ab2a2a rgb(171,42,42)
```
#bf2f2f
```
#bf2f2f rgb(191,47,47)
```

Monochromatic Color

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

#822039
```
#822039 rgb(130,32,57)
```
#822030
```
#822030 rgb(130,32,48)
```
#822028
```
#822028 rgb(130,32,40)
```
#822020
```
#822020 rgb(130,32,32)
```
#822820
```
#822820 rgb(130,40,32)
```
#823020
```
#823020 rgb(130,48,32)
```
#823920
```
#823920 rgb(130,57,32)
```

Similar Colors

Text with hexadecimal color #822020

This text has a font color of #822020.

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

#822020 background color

This paragraph has a background color of #822020.

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

#822020 border color

This element has a border color of #822020.

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

CSS codes

.text {color:#822020;}

.background {background-color:#822020;}

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

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 #fcf3f3 is the lightest one.

#040101
```
#040101 rgb(4,1,1)
```
#140505
```
#140505 rgb(20,5,5)
```
#240909
```
#240909 rgb(36,9,9)
```
#330d0d
```
#330d0d rgb(51,13,13)
```
#431111
```
#431111 rgb(67,17,17)
```
#531414
```
#531414 rgb(83,20,20)
```
#631818
```
#631818 rgb(99,24,24)
```
#721c1c
```
#721c1c rgb(114,28,28)
```
#822020
```
#822020 rgb(130,32,32)
```
#922424
```
#922424 rgb(146,36,36)
```
#a12828
```
#a12828 rgb(161,40,40)
```
#b12c2c
```
#b12c2c rgb(177,44,44)
```
#c12f2f
```
#c12f2f rgb(193,47,47)
```

Shade Color Variation

#ce3636
```
#ce3636 rgb(206,54,54)
```
#d24646
```
#d24646 rgb(210,70,70)
```
#d55656
```
#d55656 rgb(213,86,86)
```
#d96666
```
#d96666 rgb(217,102,102)
```
#dd7575
```
#dd7575 rgb(221,117,117)
```
#e18585
```
#e18585 rgb(225,133,133)
```
#e59595
```
#e59595 rgb(229,149,149)
```
#e9a5a5
```
#e9a5a5 rgb(233,165,165)
```
#edb4b4
```
#edb4b4 rgb(237,180,180)
```
#f1c4c4
```
#f1c4c4 rgb(241,196,196)
```
#f4d4d4
```
#f4d4d4 rgb(244,212,212)
```
#f8e4e4
```
#f8e4e4 rgb(248,228,228)
```
#fcf3f3
```
#fcf3f3 rgb(252,243,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 #a10101 is the most saturated one.

#564c4c
```
#564c4c rgb(86,76,76)
```
#5d4545
```
#5d4545 rgb(93,69,69)
```
#633f3f
```
#633f3f rgb(99,63,63)
```
#693939
```
#693939 rgb(105,57,57)
```
#6f3333
```
#6f3333 rgb(111,51,51)
```
#762c2c
```
#762c2c rgb(118,44,44)
```
#7c2626
```
#7c2626 rgb(124,38,38)
```
#822020
```
#822020 rgb(130,32,32)
```
#881a1a
```
#881a1a rgb(136,26,26)
```
#8e1414
```
#8e1414 rgb(142,20,20)
```
#950d0d
```
#950d0d rgb(149,13,13)
```
#9b0707
```
#9b0707 rgb(155,7,7)
```
#a10101
```
#a10101 rgb(161,1,1)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#4b3737 Atypical Achromatopsia 0.001% of the population

Dichromacy

#544e36 Protanopia 1% of men
#604a24 Deuteranopia 1% of men
#882b2d Tritanopia 0.001% of the population

Trichromacy

#653d2e Protanomaly 1% of men, 0.01% of women
#6c3b22 Deuteranomaly 6% of men, 0.4% of women
#862728 Tritanomaly 0.01% of the population

#822020 hex color

#822020 Color Information

#822020 Color Conversion

Color Schemes with #822020

Alternatives to #822020

#822020 Preview

Shades and Tints of #822020

Tones of #822020

Color Blindness Simulator