#822212 hex color

In a RGB color space, hex #822212 is composed of 51% red, 13.3% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.8% magenta, 86.2% yellow and 49% black. It has a hue angle of 8.6 degrees, a saturation of 75.7% and a lightness of 29%. #822212 color hex could be obtained by blending #ff4424 with #050000. Closest websafe color is: #993300.

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

● #822212 color description : Dark red.

The hexadecimal color #822212 has RGB values of R:130, G:34, B:18 and CMYK values of C:0, M:0.74, Y:0.86, K:0.49. Its decimal value is 8528402.

Hex triplet	822212	`#822212`
RGB Decimal	130, 34, 18	`rgb(130,34,18)`
RGB Percent	51, 13.3, 7.1	`rgb(51%,13.3%,7.1%)`
CMYK	0, 74, 86, 49
HSL	8.6°, 75.7, 29	`hsl(8.6,75.7%,29%)`
HSV (or HSB)	8.6°, 86.2, 51
Web Safe	993300	`#993300`

CIE-LAB	29.247, 40.124, 33.54
XYZ	9.888, 5.935, 1.197
xyY	0.581, 0.349, 5.935
CIE-LCH	29.247, 52.296, 39.893
CIE-LUV	29.247, 71.487, 20.061
Hunter-Lab	24.361, 29.816, 14.139
Binary	10000010, 00100010, 00010010

#822212
```
#822212 rgb(130,34,18)
```
#127282
```
#127282 rgb(18,114,130)
```

Complementary Color

#82123a
```
#82123a rgb(130,18,58)
```
#822212
```
#822212 rgb(130,34,18)
```
#825a12
```
#825a12 rgb(130,90,18)
```

Analogous Color

#123a82
```
#123a82 rgb(18,58,130)
```
#822212
```
#822212 rgb(130,34,18)
```
#12825a
```
#12825a rgb(18,130,90)
```

Split Complementary Color

#221282
```
#221282 rgb(34,18,130)
```
#822212
```
#822212 rgb(130,34,18)
```
#128222
```
#128222 rgb(18,130,34)
```

Triadic Color

#821272
```
#821272 rgb(130,18,114)
```
#822212
```
#822212 rgb(130,34,18)
```
#128222
```
#128222 rgb(18,130,34)
```
#127282
```
#127282 rgb(18,114,130)
```

Tetradic Color

#3f1009
```
#3f1009 rgb(63,16,9)
```
#55160c
```
#55160c rgb(85,22,12)
```
#6c1c0f
```
#6c1c0f rgb(108,28,15)
```
#822212
```
#822212 rgb(130,34,18)
```
#982815
```
#982815 rgb(152,40,21)
```
#af2e18
```
#af2e18 rgb(175,46,24)
```
#c5341b
```
#c5341b rgb(197,52,27)
```

Monochromatic Color

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

#82121e
```
#82121e rgb(130,18,30)
```
#821215
```
#821215 rgb(130,18,21)
```
#821912
```
#821912 rgb(130,25,18)
```
#822212
```
#822212 rgb(130,34,18)
```
#822b12
```
#822b12 rgb(130,43,18)
```
#823512
```
#823512 rgb(130,53,18)
```
#823e12
```
#823e12 rgb(130,62,18)
```

Similar Colors

Text with hexadecimal color #822212

This text has a font color of #822212.

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

#822212 background color

This paragraph has a background color of #822212.

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

#822212 border color

This element has a border color of #822212.

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

CSS codes

.text {color:#822212;}

.background {background-color:#822212;}

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

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

#090201
```
#090201 rgb(9,2,1)
```
#1b0704
```
#1b0704 rgb(27,7,4)
```
#2c0b06
```
#2c0b06 rgb(44,11,6)
```
#3d1008
```
#3d1008 rgb(61,16,8)
```
#4e140b
```
#4e140b rgb(78,20,11)
```
#60190d
```
#60190d rgb(96,25,13)
```
#711d10
```
#711d10 rgb(113,29,16)
```
#822212
```
#822212 rgb(130,34,18)
```
#932714
```
#932714 rgb(147,39,20)
```
#a42b17
```
#a42b17 rgb(164,43,23)
```
#b63019
```
#b63019 rgb(182,48,25)
```
#c7341c
```
#c7341c rgb(199,52,28)
```
#d8391e
```
#d8391e rgb(216,57,30)
```

Shade Color Variation

#e14328
```
#e14328 rgb(225,67,40)
```
#e4523a
```
#e4523a rgb(228,82,58)
```
#e6614b
```
#e6614b rgb(230,97,75)
```
#e8705c
```
#e8705c rgb(232,112,92)
```
#eb7f6d
```
#eb7f6d rgb(235,127,109)
```
#ed8e7f
```
#ed8e7f rgb(237,142,127)
```
#f09d90
```
#f09d90 rgb(240,157,144)
```
#f2ada1
```
#f2ada1 rgb(242,173,161)
```
#f4bcb2
```
#f4bcb2 rgb(244,188,178)
```
#f7cbc3
```
#f7cbc3 rgb(247,203,195)
```
#f9dad5
```
#f9dad5 rgb(249,218,213)
```
#fce9e6
```
#fce9e6 rgb(252,233,230)
```
#fef8f7
```
#fef8f7 rgb(254,248,247)
```

Tint Color Variation

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

#4f4745
```
#4f4745 rgb(79,71,69)
```
#544340
```
#544340 rgb(84,67,64)
```
#5a3e3a
```
#5a3e3a rgb(90,62,58)
```
#603a34
```
#603a34 rgb(96,58,52)
```
#66362e
```
#66362e rgb(102,54,46)
```
#6b3229
```
#6b3229 rgb(107,50,41)
```
#712e23
```
#712e23 rgb(113,46,35)
```
#772a1d
```
#772a1d rgb(119,42,29)
```
#7c2618
```
#7c2618 rgb(124,38,24)
```
#822212
```
#822212 rgb(130,34,18)
```
#881e0c
```
#881e0c rgb(136,30,12)
```
#8d1a07
```
#8d1a07 rgb(141,26,7)
```
#931601
```
#931601 rgb(147,22,1)
```

Tone Color Variation

Below, you can see how #822212 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
#4b3834 Atypical Achromatopsia 0.001% of the population

Dichromacy

#564e26 Protanopia 1% of men
#614a14 Deuteranopia 1% of men
#882b2d Tritanopia 0.001% of the population

Trichromacy

#663e1f Protanomaly 1% of men, 0.01% of women
#6d3c13 Deuteranomaly 6% of men, 0.4% of women
#862823 Tritanomaly 0.01% of the population

#822212 hex color

#822212 Color Information

#822212 Color Conversion

Color Schemes with #822212

Alternatives to #822212

#822212 Preview

Shades and Tints of #822212

Tones of #822212

Color Blindness Simulator