#822218 hex color

In a RGB color space, hex #822218 is composed of 51% red, 13.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.8% magenta, 81.5% yellow and 49% black. It has a hue angle of 5.7 degrees, a saturation of 68.8% and a lightness of 30.2%. #822218 color hex could be obtained by blending #ff4430 with #050000. Closest websafe color is: #993300.

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

● #822218 color description : Dark red.

The hexadecimal color #822218 has RGB values of R:130, G:34, B:24 and CMYK values of C:0, M:0.74, Y:0.82, K:0.49. Its decimal value is 8528408.

Hex triplet	822218	`#822218`
RGB Decimal	130, 34, 24	`rgb(130,34,24)`
RGB Percent	51, 13.3, 9.4	`rgb(51%,13.3%,9.4%)`
CMYK	0, 74, 82, 49
HSL	5.7°, 68.8, 30.2	`hsl(5.7,68.8%,30.2%)`
HSV (or HSB)	5.7°, 81.5, 51
Web Safe	993300	`#993300`

CIE-LAB	29.304, 40.321, 30.268
XYZ	9.943, 5.957, 1.49
xyY	0.572, 0.343, 5.957
CIE-LCH	29.304, 50.418, 36.895
CIE-LUV	29.304, 70.645, 18.407
Hunter-Lab	24.407, 30.008, 13.464
Binary	10000010, 00100010, 00011000

#822218
```
#822218 rgb(130,34,24)
```
#187882
```
#187882 rgb(24,120,130)
```

Complementary Color

#821843
```
#821843 rgb(130,24,67)
```
#822218
```
#822218 rgb(130,34,24)
```
#825718
```
#825718 rgb(130,87,24)
```

Analogous Color

#184382
```
#184382 rgb(24,67,130)
```
#822218
```
#822218 rgb(130,34,24)
```
#188257
```
#188257 rgb(24,130,87)
```

Split Complementary Color

#221882
```
#221882 rgb(34,24,130)
```
#822218
```
#822218 rgb(130,34,24)
```
#188222
```
#188222 rgb(24,130,34)
```

Triadic Color

#821878
```
#821878 rgb(130,24,120)
```
#822218
```
#822218 rgb(130,34,24)
```
#188222
```
#188222 rgb(24,130,34)
```
#187882
```
#187882 rgb(24,120,130)
```

Tetradic Color

#41110c
```
#41110c rgb(65,17,12)
```
#571710
```
#571710 rgb(87,23,16)
```
#6c1c14
```
#6c1c14 rgb(108,28,20)
```
#822218
```
#822218 rgb(130,34,24)
```
#98281c
```
#98281c rgb(152,40,28)
```
#ad2d20
```
#ad2d20 rgb(173,45,32)
```
#c33324
```
#c33324 rgb(195,51,36)
```

Monochromatic Color

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

#821829
```
#821829 rgb(130,24,41)
```
#821820
```
#821820 rgb(130,24,32)
```
#821918
```
#821918 rgb(130,25,24)
```
#822218
```
#822218 rgb(130,34,24)
```
#822b18
```
#822b18 rgb(130,43,24)
```
#823418
```
#823418 rgb(130,52,24)
```
#823d18
```
#823d18 rgb(130,61,24)
```

Similar Colors

Text with hexadecimal color #822218

This text has a font color of #822218.

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

#822218 background color

This paragraph has a background color of #822218.

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

#822218 border color

This element has a border color of #822218.

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

CSS codes

.text {color:#822218;}

.background {background-color:#822218;}

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

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

#0e0403
```
#0e0403 rgb(14,4,3)
```
#1f0806
```
#1f0806 rgb(31,8,6)
```
#2f0c09
```
#2f0c09 rgb(47,12,9)
```
#40110c
```
#40110c rgb(64,17,12)
```
#50150f
```
#50150f rgb(80,21,15)
```
#611912
```
#611912 rgb(97,25,18)
```
#711e15
```
#711e15 rgb(113,30,21)
```
#822218
```
#822218 rgb(130,34,24)
```
#93261b
```
#93261b rgb(147,38,27)
```
#a32b1e
```
#a32b1e rgb(163,43,30)
```
#b42f21
```
#b42f21 rgb(180,47,33)
```
#c43324
```
#c43324 rgb(196,51,36)
```
#d53827
```
#d53827 rgb(213,56,39)
```

Shade Color Variation

#da4536
```
#da4536 rgb(218,69,54)
```
#dd5546
```
#dd5546 rgb(221,85,70)
```
#e06457
```
#e06457 rgb(224,100,87)
```
#e37368
```
#e37368 rgb(227,115,104)
```
#e68278
```
#e68278 rgb(230,130,120)
```
#e99289
```
#e99289 rgb(233,146,137)
```
#eca199
```
#eca199 rgb(236,161,153)
```
#efb0aa
```
#efb0aa rgb(239,176,170)
```
#f2c0ba
```
#f2c0ba rgb(242,192,186)
```
#f5cfcb
```
#f5cfcb rgb(245,207,203)
```
#f8dedb
```
#f8dedb rgb(248,222,219)
```
#fbedec
```
#fbedec rgb(251,237,236)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#534847
```
#534847 rgb(83,72,71)
```
#594441
```
#594441 rgb(89,68,65)
```
#5e3f3c
```
#5e3f3c rgb(94,63,60)
```
#643a36
```
#643a36 rgb(100,58,54)
```
#6a3530
```
#6a3530 rgb(106,53,48)
```
#70302a
```
#70302a rgb(112,48,42)
```
#762c24
```
#762c24 rgb(118,44,36)
```
#7c271e
```
#7c271e rgb(124,39,30)
```
#822218
```
#822218 rgb(130,34,24)
```
#881d12
```
#881d12 rgb(136,29,18)
```
#8e180c
```
#8e180c rgb(142,24,12)
```
#941406
```
#941406 rgb(148,20,6)
```
#9a0f00
```
#9a0f00 rgb(154,15,0)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#4c3836 Atypical Achromatopsia 0.001% of the population

Dichromacy

#564e2d Protanopia 1% of men
#614b1c Deuteranopia 1% of men
#882c2e Tritanopia 0.001% of the population

Trichromacy

#663e25 Protanomaly 1% of men, 0.01% of women
#6d3c1a Deuteranomaly 6% of men, 0.4% of women
#862826 Tritanomaly 0.01% of the population

#822218 hex color

#822218 Color Information

#822218 Color Conversion

Color Schemes with #822218

Alternatives to #822218

#822218 Preview

Shades and Tints of #822218

Tones of #822218

Color Blindness Simulator