#822c22 hex color

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

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

● #822c22 color description : Dark red.

The hexadecimal color #822c22 has RGB values of R:130, G:44, B:34 and CMYK values of C:0, M:0.66, Y:0.74, K:0.49. Its decimal value is 8530978.

Hex triplet	822c22	`#822c22`
RGB Decimal	130, 44, 34	`rgb(130,44,34)`
RGB Percent	51, 17.3, 13.3	`rgb(51%,17.3%,13.3%)`
CMYK	0, 66, 74, 49
HSL	6.2°, 58.5, 32.2	`hsl(6.2,58.5%,32.2%)`
HSV (or HSB)	6.2°, 73.8, 51
Web Safe	993333	`#993333`

CIE-LAB	31.029, 36.405, 26.184
XYZ	10.396, 6.664, 2.252
xyY	0.538, 0.345, 6.664
CIE-LCH	31.029, 44.844, 35.725
CIE-LUV	31.029, 63.427, 17.662
Hunter-Lab	25.814, 26.709, 12.897
Binary	10000010, 00101100, 00100010

#822c22
```
#822c22 rgb(130,44,34)
```
#227882
```
#227882 rgb(34,120,130)
```

Complementary Color

#822248
```
#822248 rgb(130,34,72)
```
#822c22
```
#822c22 rgb(130,44,34)
```
#825c22
```
#825c22 rgb(130,92,34)
```

Analogous Color

#224882
```
#224882 rgb(34,72,130)
```
#822c22
```
#822c22 rgb(130,44,34)
```
#22825c
```
#22825c rgb(34,130,92)
```

Split Complementary Color

#2c2282
```
#2c2282 rgb(44,34,130)
```
#822c22
```
#822c22 rgb(130,44,34)
```
#22822c
```
#22822c rgb(34,130,44)
```

Triadic Color

#822278
```
#822278 rgb(130,34,120)
```
#822c22
```
#822c22 rgb(130,44,34)
```
#22822c
```
#22822c rgb(34,130,44)
```
#227882
```
#227882 rgb(34,120,130)
```

Tetradic Color

#451712
```
#451712 rgb(69,23,18)
```
#5a1e17
```
#5a1e17 rgb(90,30,23)
```
#6e251d
```
#6e251d rgb(110,37,29)
```
#822c22
```
#822c22 rgb(130,44,34)
```
#963327
```
#963327 rgb(150,51,39)
```
#aa3a2d
```
#aa3a2d rgb(170,58,45)
```
#bf4132
```
#bf4132 rgb(191,65,50)
```

Monochromatic Color

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

#822230
```
#822230 rgb(130,34,48)
```
#822228
```
#822228 rgb(130,34,40)
```
#822422
```
#822422 rgb(130,36,34)
```
#822c22
```
#822c22 rgb(130,44,34)
```
#823422
```
#823422 rgb(130,52,34)
```
#823c22
```
#823c22 rgb(130,60,34)
```
#824422
```
#824422 rgb(130,68,34)
```

Similar Colors

Text with hexadecimal color #822c22

This text has a font color of #822c22.

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

#822c22 background color

This paragraph has a background color of #822c22.

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

#822c22 border color

This element has a border color of #822c22.

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

CSS codes

.text {color:#822c22;}

.background {background-color:#822c22;}

.border {border:1px solid #822c22;}

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

#060201
```
#060201 rgb(6,2,1)
```
#150706
```
#150706 rgb(21,7,6)
```
#250c0a
```
#250c0a rgb(37,12,10)
```
#34120e
```
#34120e rgb(52,18,14)
```
#441712
```
#441712 rgb(68,23,18)
```
#531c16
```
#531c16 rgb(83,28,22)
```
#63211a
```
#63211a rgb(99,33,26)
```
#72271e
```
#72271e rgb(114,39,30)
```
#822c22
```
#822c22 rgb(130,44,34)
```
#923126
```
#923126 rgb(146,49,38)
```
#a1372a
```
#a1372a rgb(161,55,42)
```
#b13c2e
```
#b13c2e rgb(177,60,46)
```
#c04132
```
#c04132 rgb(192,65,50)
```

Shade Color Variation

#cc4a3a
```
#cc4a3a rgb(204,74,58)
```
#d0584a
```
#d0584a rgb(208,88,74)
```
#d4665a
```
#d4665a rgb(212,102,90)
```
#d87569
```
#d87569 rgb(216,117,105)
```
#dc8379
```
#dc8379 rgb(220,131,121)
```
#e09188
```
#e09188 rgb(224,145,136)
```
#e4a098
```
#e4a098 rgb(228,160,152)
```
#e8aea7
```
#e8aea7 rgb(232,174,167)
```
#ecbcb7
```
#ecbcb7 rgb(236,188,183)
```
#f0cbc6
```
#f0cbc6 rgb(240,203,198)
```
#f4d9d6
```
#f4d9d6 rgb(244,217,214)
```
#f8e7e6
```
#f8e7e6 rgb(248,231,230)
```
#fcf6f5
```
#fcf6f5 rgb(252,246,245)
```

Tint Color Variation

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

#564f4e
```
#564f4e rgb(86,79,78)
```
#5c4a48
```
#5c4a48 rgb(92,74,72)
```
#624542
```
#624542 rgb(98,69,66)
```
#69403b
```
#69403b rgb(105,64,59)
```
#6f3b35
```
#6f3b35 rgb(111,59,53)
```
#75362f
```
#75362f rgb(117,54,47)
```
#7c3128
```
#7c3128 rgb(124,49,40)
```
#822c22
```
#822c22 rgb(130,44,34)
```
#88271c
```
#88271c rgb(136,39,28)
```
#8f2215
```
#8f2215 rgb(143,34,21)
```
#951d0f
```
#951d0f rgb(149,29,15)
```
#9b1809
```
#9b1809 rgb(155,24,9)
```
#a21302
```
#a21302 rgb(162,19,2)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#51403e Atypical Achromatopsia 0.001% of the population

Dichromacy

#595236 Protanopia 1% of men
#654e27 Deuteranopia 1% of men
#883538 Tritanopia 0.001% of the population

Trichromacy

#68442e Protanomaly 1% of men, 0.01% of women
#6f4225 Deuteranomaly 6% of men, 0.4% of women
#863230 Tritanomaly 0.01% of the population

#822c22 hex color

#822c22 Color Information

#822c22 Color Conversion

Color Schemes with #822c22

Alternatives to #822c22

#822c22 Preview

Shades and Tints of #822c22

Tones of #822c22

Color Blindness Simulator