#822322 hex color

In a RGB color space, hex #822322 is composed of 51% red, 13.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.1% magenta, 73.8% yellow and 49% black. It has a hue angle of 0.6 degrees, a saturation of 58.5% and a lightness of 32.2%. #822322 color hex could be obtained by blending #ff4644 with #050000. Closest websafe color is: #993333.

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

● #822322 color description : Dark red.

The hexadecimal color #822322 has RGB values of R:130, G:35, B:34 and CMYK values of C:0, M:0.73, Y:0.74, K:0.49. Its decimal value is 8528674.

Hex triplet	822322	`#822322`
RGB Decimal	130, 35, 34	`rgb(130,35,34)`
RGB Percent	51, 13.7, 13.3	`rgb(51%,13.7%,13.3%)`
CMYK	0, 73, 74, 49
HSL	0.6°, 58.5, 32.2	`hsl(0.6,58.5%,32.2%)`
HSV (or HSB)	0.6°, 73.8, 51
Web Safe	993333	`#993333`

CIE-LAB	29.575, 40.354, 24.501
XYZ	10.096, 6.065, 2.152
xyY	0.551, 0.331, 6.065
CIE-LCH	29.575, 47.209, 31.264
CIE-LUV	29.575, 68.342, 15.107
Hunter-Lab	24.626, 30.084, 12.057
Binary	10000010, 00100011, 00100010

#822322
```
#822322 rgb(130,35,34)
```
#228182
```
#228182 rgb(34,129,130)
```

Complementary Color

#822251
```
#822251 rgb(130,34,81)
```
#822322
```
#822322 rgb(130,35,34)
```
#825322
```
#825322 rgb(130,83,34)
```

Analogous Color

#225182
```
#225182 rgb(34,81,130)
```
#822322
```
#822322 rgb(130,35,34)
```
#228253
```
#228253 rgb(34,130,83)
```

Split Complementary Color

#232282
```
#232282 rgb(35,34,130)
```
#822322
```
#822322 rgb(130,35,34)
```
#228223
```
#228223 rgb(34,130,35)
```

Triadic Color

#822281
```
#822281 rgb(130,34,129)
```
#822322
```
#822322 rgb(130,35,34)
```
#228223
```
#228223 rgb(34,130,35)
```
#228182
```
#228182 rgb(34,129,130)
```

Tetradic Color

#451312
```
#451312 rgb(69,19,18)
```
#5a1817
```
#5a1817 rgb(90,24,23)
```
#6e1e1d
```
#6e1e1d rgb(110,30,29)
```
#822322
```
#822322 rgb(130,35,34)
```
#962827
```
#962827 rgb(150,40,39)
```
#aa2e2d
```
#aa2e2d rgb(170,46,45)
```
#bf3332
```
#bf3332 rgb(191,51,50)
```

Monochromatic Color

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

#822239
```
#822239 rgb(130,34,57)
```
#822231
```
#822231 rgb(130,34,49)
```
#822229
```
#822229 rgb(130,34,41)
```
#822322
```
#822322 rgb(130,35,34)
```
#822b22
```
#822b22 rgb(130,43,34)
```
#823322
```
#823322 rgb(130,51,34)
```
#823b22
```
#823b22 rgb(130,59,34)
```

Similar Colors

Text with hexadecimal color #822322

This text has a font color of #822322.

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

#822322 background color

This paragraph has a background color of #822322.

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

#822322 border color

This element has a border color of #822322.

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

CSS codes

.text {color:#822322;}

.background {background-color:#822322;}

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

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

#060201
```
#060201 rgb(6,2,1)
```
#150606
```
#150606 rgb(21,6,6)
```
#250a0a
```
#250a0a rgb(37,10,10)
```
#340e0e
```
#340e0e rgb(52,14,14)
```
#441212
```
#441212 rgb(68,18,18)
```
#531616
```
#531616 rgb(83,22,22)
```
#631b1a
```
#631b1a rgb(99,27,26)
```
#721f1e
```
#721f1e rgb(114,31,30)
```
#822322
```
#822322 rgb(130,35,34)
```
#922726
```
#922726 rgb(146,39,38)
```
#a12b2a
```
#a12b2a rgb(161,43,42)
```
#b1302e
```
#b1302e rgb(177,48,46)
```
#c03432
```
#c03432 rgb(192,52,50)
```

Shade Color Variation

#cc3c3a
```
#cc3c3a rgb(204,60,58)
```
#d04b4a
```
#d04b4a rgb(208,75,74)
```
#d45b5a
```
#d45b5a rgb(212,91,90)
```
#d86a69
```
#d86a69 rgb(216,106,105)
```
#dc7a79
```
#dc7a79 rgb(220,122,121)
```
#e08988
```
#e08988 rgb(224,137,136)
```
#e49998
```
#e49998 rgb(228,153,152)
```
#e8a8a7
```
#e8a8a7 rgb(232,168,167)
```
#ecb7b7
```
#ecb7b7 rgb(236,183,183)
```
#f0c7c6
```
#f0c7c6 rgb(240,199,198)
```
#f4d6d6
```
#f4d6d6 rgb(244,214,214)
```
#f8e6e6
```
#f8e6e6 rgb(248,230,230)
```
#fcf5f5
```
#fcf5f5 rgb(252,245,245)
```

Tint Color Variation

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

#564e4e
```
#564e4e rgb(86,78,78)
```
#5c4848
```
#5c4848 rgb(92,72,72)
```
#624242
```
#624242 rgb(98,66,66)
```
#693c3b
```
#693c3b rgb(105,60,59)
```
#6f3635
```
#6f3635 rgb(111,54,53)
```
#752f2f
```
#752f2f rgb(117,47,47)
```
#7c2928
```
#7c2928 rgb(124,41,40)
```
#822322
```
#822322 rgb(130,35,34)
```
#881d1c
```
#881d1c rgb(136,29,28)
```
#8f1715
```
#8f1715 rgb(143,23,21)
```
#95100f
```
#95100f rgb(149,16,15)
```
#9b0a09
```
#9b0a09 rgb(155,10,9)
```
#a20402
```
#a20402 rgb(162,4,2)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#4c3939 Atypical Achromatopsia 0.001% of the population

Dichromacy

#554f38 Protanopia 1% of men
#614b26 Deuteranopia 1% of men
#882e30 Tritanopia 0.001% of the population

Trichromacy

#653f30 Protanomaly 1% of men, 0.01% of women
#6d3c25 Deuteranomaly 6% of men, 0.4% of women
#862a2b Tritanomaly 0.01% of the population

#822322 hex color

#822322 Color Information

#822322 Color Conversion

Color Schemes with #822322

Alternatives to #822322

#822322 Preview

Shades and Tints of #822322

Tones of #822322

Color Blindness Simulator