#822c18 hex color

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

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

● #822c18 color description : Dark red.

The hexadecimal color #822c18 has RGB values of R:130, G:44, B:24 and CMYK values of C:0, M:0.66, Y:0.82, K:0.49. Its decimal value is 8530968.

Hex triplet	822c18	`#822c18`
RGB Decimal	130, 44, 24	`rgb(130,44,24)`
RGB Percent	51, 17.3, 9.4	`rgb(51%,17.3%,9.4%)`
CMYK	0, 66, 82, 49
HSL	11.3°, 68.8, 30.2	`hsl(11.3,68.8%,30.2%)`
HSV (or HSB)	11.3°, 81.5, 51
Web Safe	993300	`#993300`

CIE-LAB	30.912, 35.956, 31.897
XYZ	10.272, 6.614, 1.6
xyY	0.556, 0.358, 6.614
CIE-LCH	30.912, 48.065, 41.577
CIE-LUV	30.912, 64.971, 21.113
Hunter-Lab	25.718, 26.286, 14.314
Binary	10000010, 00101100, 00011000

#822c18
```
#822c18 rgb(130,44,24)
```
#186e82
```
#186e82 rgb(24,110,130)
```

Complementary Color

#821839
```
#821839 rgb(130,24,57)
```
#822c18
```
#822c18 rgb(130,44,24)
```
#826118
```
#826118 rgb(130,97,24)
```

Analogous Color

#183982
```
#183982 rgb(24,57,130)
```
#822c18
```
#822c18 rgb(130,44,24)
```
#188261
```
#188261 rgb(24,130,97)
```

Split Complementary Color

#2c1882
```
#2c1882 rgb(44,24,130)
```
#822c18
```
#822c18 rgb(130,44,24)
```
#18822c
```
#18822c rgb(24,130,44)
```

Triadic Color

#82186e
```
#82186e rgb(130,24,110)
```
#822c18
```
#822c18 rgb(130,44,24)
```
#18822c
```
#18822c rgb(24,130,44)
```
#186e82
```
#186e82 rgb(24,110,130)
```

Tetradic Color

#41160c
```
#41160c rgb(65,22,12)
```
#571d10
```
#571d10 rgb(87,29,16)
```
#6c2514
```
#6c2514 rgb(108,37,20)
```
#822c18
```
#822c18 rgb(130,44,24)
```
#98331c
```
#98331c rgb(152,51,28)
```
#ad3b20
```
#ad3b20 rgb(173,59,32)
```
#c34224
```
#c34224 rgb(195,66,36)
```

Monochromatic Color

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

#82181f
```
#82181f rgb(130,24,31)
```
#821a18
```
#821a18 rgb(130,26,24)
```
#822318
```
#822318 rgb(130,35,24)
```
#822c18
```
#822c18 rgb(130,44,24)
```
#823518
```
#823518 rgb(130,53,24)
```
#823e18
```
#823e18 rgb(130,62,24)
```
#824718
```
#824718 rgb(130,71,24)
```

Similar Colors

Text with hexadecimal color #822c18

This text has a font color of #822c18.

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

#822c18 background color

This paragraph has a background color of #822c18.

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

#822c18 border color

This element has a border color of #822c18.

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

CSS codes

.text {color:#822c18;}

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

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

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

#0e0503
```
#0e0503 rgb(14,5,3)
```
#1f0a06
```
#1f0a06 rgb(31,10,6)
```
#2f1009
```
#2f1009 rgb(47,16,9)
```
#40160c
```
#40160c rgb(64,22,12)
```
#501b0f
```
#501b0f rgb(80,27,15)
```
#612112
```
#612112 rgb(97,33,18)
```
#712615
```
#712615 rgb(113,38,21)
```
#822c18
```
#822c18 rgb(130,44,24)
```
#93321b
```
#93321b rgb(147,50,27)
```
#a3371e
```
#a3371e rgb(163,55,30)
```
#b43d21
```
#b43d21 rgb(180,61,33)
```
#c44224
```
#c44224 rgb(196,66,36)
```
#d54827
```
#d54827 rgb(213,72,39)
```

Shade Color Variation

#da5536
```
#da5536 rgb(218,85,54)
```
#dd6346
```
#dd6346 rgb(221,99,70)
```
#e07157
```
#e07157 rgb(224,113,87)
```
#e37f68
```
#e37f68 rgb(227,127,104)
```
#e68d78
```
#e68d78 rgb(230,141,120)
```
#e99b89
```
#e99b89 rgb(233,155,137)
```
#eca999
```
#eca999 rgb(236,169,153)
```
#efb7aa
```
#efb7aa rgb(239,183,170)
```
#f2c5ba
```
#f2c5ba rgb(242,197,186)
```
#f5d3cb
```
#f5d3cb rgb(245,211,203)
```
#f8e1db
```
#f8e1db rgb(248,225,219)
```
#fbefec
```
#fbefec rgb(251,239,236)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#534a47
```
#534a47 rgb(83,74,71)
```
#594641
```
#594641 rgb(89,70,65)
```
#5e423c
```
#5e423c rgb(94,66,60)
```
#643e36
```
#643e36 rgb(100,62,54)
```
#6a3b30
```
#6a3b30 rgb(106,59,48)
```
#70372a
```
#70372a rgb(112,55,42)
```
#763324
```
#763324 rgb(118,51,36)
```
#7c301e
```
#7c301e rgb(124,48,30)
```
#822c18
```
#822c18 rgb(130,44,24)
```
#882812
```
#882812 rgb(136,40,18)
```
#8e250c
```
#8e250c rgb(142,37,12)
```
#942106
```
#942106 rgb(148,33,6)
```
#9a1d00
```
#9a1d00 rgb(154,29,0)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#503e3a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a522b Protanopia 1% of men
#654e1d Deuteranopia 1% of men
#893437 Tritanopia 0.001% of the population

Trichromacy

#684424 Protanomaly 1% of men, 0.01% of women
#70411b Deuteranomaly 6% of men, 0.4% of women
#86312b Tritanomaly 0.01% of the population

#822c18 hex color

#822c18 Color Information

#822c18 Color Conversion

Color Schemes with #822c18

Alternatives to #822c18

#822c18 Preview

Shades and Tints of #822c18

Tones of #822c18

Color Blindness Simulator