#822318 hex color

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

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

● #822318 color description : Dark red.

The hexadecimal color #822318 has RGB values of R:130, G:35, B:24 and CMYK values of C:0, M:0.73, Y:0.82, K:0.49. Its decimal value is 8528664.

Hex triplet	822318	`#822318`
RGB Decimal	130, 35, 24	`rgb(130,35,24)`
RGB Percent	51, 13.7, 9.4	`rgb(51%,13.7%,9.4%)`
CMYK	0, 73, 82, 49
HSL	6.2°, 68.8, 30.2	`hsl(6.2,68.8%,30.2%)`
HSV (or HSB)	6.2°, 81.5, 51
Web Safe	993300	`#993300`

CIE-LAB	29.45, 39.918, 30.418
XYZ	9.972, 6.015, 1.5
xyY	0.57, 0.344, 6.015
CIE-LCH	29.45, 50.186, 37.307
CIE-LUV	29.45, 70.122, 18.655
Hunter-Lab	24.526, 29.66, 13.542
Binary	10000010, 00100011, 00011000

#822318
```
#822318 rgb(130,35,24)
```
#187782
```
#187782 rgb(24,119,130)
```

Complementary Color

#821842
```
#821842 rgb(130,24,66)
```
#822318
```
#822318 rgb(130,35,24)
```
#825818
```
#825818 rgb(130,88,24)
```

Analogous Color

#184282
```
#184282 rgb(24,66,130)
```
#822318
```
#822318 rgb(130,35,24)
```
#188258
```
#188258 rgb(24,130,88)
```

Split Complementary Color

#231882
```
#231882 rgb(35,24,130)
```
#822318
```
#822318 rgb(130,35,24)
```
#188223
```
#188223 rgb(24,130,35)
```

Triadic Color

#821877
```
#821877 rgb(130,24,119)
```
#822318
```
#822318 rgb(130,35,24)
```
#188223
```
#188223 rgb(24,130,35)
```
#187782
```
#187782 rgb(24,119,130)
```

Tetradic Color

#41120c
```
#41120c rgb(65,18,12)
```
#571710
```
#571710 rgb(87,23,16)
```
#6c1d14
```
#6c1d14 rgb(108,29,20)
```
#822318
```
#822318 rgb(130,35,24)
```
#98291c
```
#98291c rgb(152,41,28)
```
#ad2f20
```
#ad2f20 rgb(173,47,32)
```
#c33424
```
#c33424 rgb(195,52,36)
```

Monochromatic Color

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

#821828
```
#821828 rgb(130,24,40)
```
#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)
```

Similar Colors

Text with hexadecimal color #822318

This text has a font color of #822318.

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

#822318 background color

This paragraph has a background color of #822318.

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

#822318 border color

This element has a border color of #822318.

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

CSS codes

.text {color:#822318;}

.background {background-color:#822318;}

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

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)
```
#2f0d09
```
#2f0d09 rgb(47,13,9)
```
#40110c
```
#40110c rgb(64,17,12)
```
#50160f
```
#50160f rgb(80,22,15)
```
#611a12
```
#611a12 rgb(97,26,18)
```
#711f15
```
#711f15 rgb(113,31,21)
```
#822318
```
#822318 rgb(130,35,24)
```
#93271b
```
#93271b rgb(147,39,27)
```
#a32c1e
```
#a32c1e rgb(163,44,30)
```
#b43021
```
#b43021 rgb(180,48,33)
```
#c43524
```
#c43524 rgb(196,53,36)
```
#d53927
```
#d53927 rgb(213,57,39)
```

Shade Color Variation

#da4736
```
#da4736 rgb(218,71,54)
```
#dd5646
```
#dd5646 rgb(221,86,70)
```
#e06557
```
#e06557 rgb(224,101,87)
```
#e37468
```
#e37468 rgb(227,116,104)
```
#e68378
```
#e68378 rgb(230,131,120)
```
#e99389
```
#e99389 rgb(233,147,137)
```
#eca299
```
#eca299 rgb(236,162,153)
```
#efb1aa
```
#efb1aa rgb(239,177,170)
```
#f2c0ba
```
#f2c0ba rgb(242,192,186)
```
#f5cfcb
```
#f5cfcb rgb(245,207,203)
```
#f8dedb
```
#f8dedb rgb(248,222,219)
```
#fbeeec
```
#fbeeec rgb(251,238,236)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#534947
```
#534947 rgb(83,73,71)
```
#594441
```
#594441 rgb(89,68,65)
```
#5e3f3c
```
#5e3f3c rgb(94,63,60)
```
#643a36
```
#643a36 rgb(100,58,54)
```
#6a3630
```
#6a3630 rgb(106,54,48)
```
#70312a
```
#70312a rgb(112,49,42)
```
#762c24
```
#762c24 rgb(118,44,36)
```
#7c281e
```
#7c281e rgb(124,40,30)
```
#822318
```
#822318 rgb(130,35,24)
```
#881e12
```
#881e12 rgb(136,30,18)
```
#8e1a0c
```
#8e1a0c rgb(142,26,12)
```
#941506
```
#941506 rgb(148,21,6)
```
#9a1000
```
#9a1000 rgb(154,16,0)
```

Tone Color Variation

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

Dichromacy

#564f2d Protanopia 1% of men
#624b1c Deuteranopia 1% of men
#882d2e Tritanopia 0.001% of the population

Trichromacy

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

#822318 hex color

#822318 Color Information

#822318 Color Conversion

Color Schemes with #822318

Alternatives to #822318

#822318 Preview

Shades and Tints of #822318

Tones of #822318

Color Blindness Simulator