#822216 hex color

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

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

● #822216 color description : Dark red.

The hexadecimal color #822216 has RGB values of R:130, G:34, B:22 and CMYK values of C:0, M:0.74, Y:0.83, K:0.49. Its decimal value is 8528406.

Hex triplet	822216	`#822216`
RGB Decimal	130, 34, 22	`rgb(130,34,22)`
RGB Percent	51, 13.3, 8.6	`rgb(51%,13.3%,8.6%)`
CMYK	0, 74, 83, 49
HSL	6.7°, 71.1, 29.8	`hsl(6.7,71.1%,29.8%)`
HSV (or HSB)	6.7°, 83.1, 51
Web Safe	993300	`#993300`

CIE-LAB	29.283, 40.25, 31.391
XYZ	9.923, 5.949, 1.385
xyY	0.575, 0.345, 5.949
CIE-LCH	29.283, 51.044, 37.95
CIE-LUV	29.283, 70.946, 18.999
Hunter-Lab	24.391, 29.939, 13.707
Binary	10000010, 00100010, 00010110

#822216
```
#822216 rgb(130,34,22)
```
#167682
```
#167682 rgb(22,118,130)
```

Complementary Color

#821640
```
#821640 rgb(130,22,64)
```
#822216
```
#822216 rgb(130,34,22)
```
#825816
```
#825816 rgb(130,88,22)
```

Analogous Color

#164082
```
#164082 rgb(22,64,130)
```
#822216
```
#822216 rgb(130,34,22)
```
#168258
```
#168258 rgb(22,130,88)
```

Split Complementary Color

#221682
```
#221682 rgb(34,22,130)
```
#822216
```
#822216 rgb(130,34,22)
```
#168222
```
#168222 rgb(22,130,34)
```

Triadic Color

#821676
```
#821676 rgb(130,22,118)
```
#822216
```
#822216 rgb(130,34,22)
```
#168222
```
#168222 rgb(22,130,34)
```
#167682
```
#167682 rgb(22,118,130)
```

Tetradic Color

#41110b
```
#41110b rgb(65,17,11)
```
#56170f
```
#56170f rgb(86,23,15)
```
#6c1c12
```
#6c1c12 rgb(108,28,18)
```
#822216
```
#822216 rgb(130,34,22)
```
#98281a
```
#98281a rgb(152,40,26)
```
#ae2d1d
```
#ae2d1d rgb(174,45,29)
```
#c33321
```
#c33321 rgb(195,51,33)
```

Monochromatic Color

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

#821625
```
#821625 rgb(130,22,37)
```
#82161c
```
#82161c rgb(130,22,28)
```
#821916
```
#821916 rgb(130,25,22)
```
#822216
```
#822216 rgb(130,34,22)
```
#822b16
```
#822b16 rgb(130,43,22)
```
#823416
```
#823416 rgb(130,52,22)
```
#823d16
```
#823d16 rgb(130,61,22)
```

Similar Colors

Text with hexadecimal color #822216

This text has a font color of #822216.

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

#822216 background color

This paragraph has a background color of #822216.

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

#822216 border color

This element has a border color of #822216.

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

CSS codes

.text {color:#822216;}

.background {background-color:#822216;}

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

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, #0d0302 is the darkest color, while #fefbfb is the lightest one.

#0d0302
```
#0d0302 rgb(13,3,2)
```
#1d0805
```
#1d0805 rgb(29,8,5)
```
#2e0c08
```
#2e0c08 rgb(46,12,8)
```
#3f100b
```
#3f100b rgb(63,16,11)
```
#50150d
```
#50150d rgb(80,21,13)
```
#601910
```
#601910 rgb(96,25,16)
```
#711e13
```
#711e13 rgb(113,30,19)
```
#822216
```
#822216 rgb(130,34,22)
```
#932619
```
#932619 rgb(147,38,25)
```
#a42b1c
```
#a42b1c rgb(164,43,28)
```
#b42f1f
```
#b42f1f rgb(180,47,31)
```
#c53421
```
#c53421 rgb(197,52,33)
```
#d63824
```
#d63824 rgb(214,56,36)
```

Shade Color Variation

#dc4431
```
#dc4431 rgb(220,68,49)
```
#df5442
```
#df5442 rgb(223,84,66)
```
#e26353
```
#e26353 rgb(226,99,83)
```
#e57264
```
#e57264 rgb(229,114,100)
```
#e88175
```
#e88175 rgb(232,129,117)
```
#ea9185
```
#ea9185 rgb(234,145,133)
```
#eda096
```
#eda096 rgb(237,160,150)
```
#f0afa7
```
#f0afa7 rgb(240,175,167)
```
#f3beb8
```
#f3beb8 rgb(243,190,184)
```
#f6cdc8
```
#f6cdc8 rgb(246,205,200)
```
#f9ddd9
```
#f9ddd9 rgb(249,221,217)
```
#fbecea
```
#fbecea rgb(251,236,234)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#4d4b4b
```
#4d4b4b rgb(77,75,75)
```
#534645
```
#534645 rgb(83,70,69)
```
#59423f
```
#59423f rgb(89,66,63)
```
#5f3d39
```
#5f3d39 rgb(95,61,57)
```
#653933
```
#653933 rgb(101,57,51)
```
#6b342d
```
#6b342d rgb(107,52,45)
```
#703028
```
#703028 rgb(112,48,40)
```
#762b22
```
#762b22 rgb(118,43,34)
```
#7c271c
```
#7c271c rgb(124,39,28)
```
#822216
```
#822216 rgb(130,34,22)
```
#881d10
```
#881d10 rgb(136,29,16)
```
#8e190a
```
#8e190a rgb(142,25,10)
```
#941404
```
#941404 rgb(148,20,4)
```

Tone Color Variation

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

Dichromacy

#564e2b Protanopia 1% of men
#614a19 Deuteranopia 1% of men
#882b2d Tritanopia 0.001% of the population

Trichromacy

#663e23 Protanomaly 1% of men, 0.01% of women
#6d3c18 Deuteranomaly 6% of men, 0.4% of women
#862825 Tritanomaly 0.01% of the population

#822216 hex color

#822216 Color Information

#822216 Color Conversion

Color Schemes with #822216

Alternatives to #822216

#822216 Preview

Shades and Tints of #822216

Tones of #822216

Color Blindness Simulator