#822336 hex color

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

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

● #822336 color description : Dark red.

The hexadecimal color #822336 has RGB values of R:130, G:35, B:54 and CMYK values of C:0, M:0.73, Y:0.58, K:0.49. Its decimal value is 8528694.

Hex triplet	822336	`#822336`
RGB Decimal	130, 35, 54	`rgb(130,35,54)`
RGB Percent	51, 13.7, 21.2	`rgb(51%,13.7%,21.2%)`
CMYK	0, 73, 58, 49
HSL	348°, 57.6, 32.4	`hsl(348,57.6%,32.4%)`
HSV (or HSB)	348°, 73.1, 51
Web Safe	993333	`#993333`

CIE-LAB	29.949, 41.651, 11.981
XYZ	10.473, 6.215, 4.138
xyY	0.503, 0.298, 6.215
CIE-LCH	29.949, 43.34, 16.048
CIE-LUV	29.949, 63.439, 5.218
Hunter-Lab	24.931, 31.358, 7.61
Binary	10000010, 00100011, 00110110

#822336
```
#822336 rgb(130,35,54)
```
#23826f
```
#23826f rgb(35,130,111)
```

Complementary Color

#822366
```
#822366 rgb(130,35,102)
```
#822336
```
#822336 rgb(130,35,54)
```
#823f23
```
#823f23 rgb(130,63,35)
```

Analogous Color

#236682
```
#236682 rgb(35,102,130)
```
#822336
```
#822336 rgb(130,35,54)
```
#23823f
```
#23823f rgb(35,130,63)
```

Split Complementary Color

#233682
```
#233682 rgb(35,54,130)
```
#822336
```
#822336 rgb(130,35,54)
```
#368223
```
#368223 rgb(54,130,35)
```

Triadic Color

#6f2382
```
#6f2382 rgb(111,35,130)
```
#822336
```
#822336 rgb(130,35,54)
```
#368223
```
#368223 rgb(54,130,35)
```
#23826f
```
#23826f rgb(35,130,111)
```

Tetradic Color

#46131d
```
#46131d rgb(70,19,29)
```
#5a1825
```
#5a1825 rgb(90,24,37)
```
#6e1e2e
```
#6e1e2e rgb(110,30,46)
```
#822336
```
#822336 rgb(130,35,54)
```
#96283e
```
#96283e rgb(150,40,62)
```
#aa2e47
```
#aa2e47 rgb(170,46,71)
```
#be334f
```
#be334f rgb(190,51,79)
```

Monochromatic Color

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

#82234e
```
#82234e rgb(130,35,78)
```
#822346
```
#822346 rgb(130,35,70)
```
#82233e
```
#82233e rgb(130,35,62)
```
#822336
```
#822336 rgb(130,35,54)
```
#82232e
```
#82232e rgb(130,35,46)
```
#822326
```
#822326 rgb(130,35,38)
```
#822823
```
#822823 rgb(130,40,35)
```

Similar Colors

Text with hexadecimal color #822336

This text has a font color of #822336.

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

#822336 background color

This paragraph has a background color of #822336.

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

#822336 border color

This element has a border color of #822336.

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

CSS codes

.text {color:#822336;}

.background {background-color:#822336;}

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

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

#060203
```
#060203 rgb(6,2,3)
```
#160609
```
#160609 rgb(22,6,9)
```
#250a0f
```
#250a0f rgb(37,10,15)
```
#350e16
```
#350e16 rgb(53,14,22)
```
#44121c
```
#44121c rgb(68,18,28)
```
#541723
```
#541723 rgb(84,23,35)
```
#631b29
```
#631b29 rgb(99,27,41)
```
#731f30
```
#731f30 rgb(115,31,48)
```
#822336
```
#822336 rgb(130,35,54)
```
#91273c
```
#91273c rgb(145,39,60)
```
#a12b43
```
#a12b43 rgb(161,43,67)
```
#b02f49
```
#b02f49 rgb(176,47,73)
```
#c03450
```
#c03450 rgb(192,52,80)
```

Shade Color Variation

#cb3c59
```
#cb3c59 rgb(203,60,89)
```
#cf4c66
```
#cf4c66 rgb(207,76,102)
```
#d35b73
```
#d35b73 rgb(211,91,115)
```
#d76b80
```
#d76b80 rgb(215,107,128)
```
#db7a8e
```
#db7a8e rgb(219,122,142)
```
#df8a9b
```
#df8a9b rgb(223,138,155)
```
#e499a8
```
#e499a8 rgb(228,153,168)
```
#e8a9b5
```
#e8a9b5 rgb(232,169,181)
```
#ecb8c2
```
#ecb8c2 rgb(236,184,194)
```
#f0c8d0
```
#f0c8d0 rgb(240,200,208)
```
#f4d7dd
```
#f4d7dd rgb(244,215,221)
```
#f8e6ea
```
#f8e6ea rgb(248,230,234)
```
#fdf6f7
```
#fdf6f7 rgb(253,246,247)
```

Tint Color Variation

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

#564f51
```
#564f51 rgb(86,79,81)
```
#5c494d
```
#5c494d rgb(92,73,77)
```
#624349
```
#624349 rgb(98,67,73)
```
#693c45
```
#693c45 rgb(105,60,69)
```
#6f3641
```
#6f3641 rgb(111,54,65)
```
#75303e
```
#75303e rgb(117,48,62)
```
#7c293a
```
#7c293a rgb(124,41,58)
```
#822336
```
#822336 rgb(130,35,54)
```
#881d32
```
#881d32 rgb(136,29,50)
```
#8f162e
```
#8f162e rgb(143,22,46)
```
#95102b
```
#95102b rgb(149,16,43)
```
#9b0a27
```
#9b0a27 rgb(155,10,39)
```
#a20323
```
#a20323 rgb(162,3,35)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#4f3c40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#514f4e Protanopia 1% of men
#5e4c3a Deuteranopia 1% of men
#873133 Tritanopia 0.001% of the population

Trichromacy

#633f45 Protanomaly 1% of men, 0.01% of women
#6b3d38 Deuteranomaly 6% of men, 0.4% of women
#852b34 Tritanomaly 0.01% of the population

#822336 hex color

#822336 Color Information

#822336 Color Conversion

Color Schemes with #822336

Alternatives to #822336

#822336 Preview

Shades and Tints of #822336

Tones of #822336

Color Blindness Simulator