#822018 hex color

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

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

● #822018 color description : Dark red.

The hexadecimal color #822018 has RGB values of R:130, G:32, B:24 and CMYK values of C:0, M:0.75, Y:0.82, K:0.49. Its decimal value is 8527896.

Hex triplet	822018	`#822018`
RGB Decimal	130, 32, 24	`rgb(130,32,24)`
RGB Percent	51, 12.5, 9.4	`rgb(51%,12.5%,9.4%)`
CMYK	0, 75, 82, 49
HSL	4.5°, 68.8, 30.2	`hsl(4.5,68.8%,30.2%)`
HSV (or HSB)	4.5°, 81.5, 51
Web Safe	993300	`#993300`

CIE-LAB	29.02, 41.102, 29.979
XYZ	9.888, 5.846, 1.472
xyY	0.575, 0.34, 5.846
CIE-LCH	29.02, 50.874, 36.106
CIE-LUV	29.02, 71.659, 17.928
Hunter-Lab	24.178, 30.685, 13.316
Binary	10000010, 00100000, 00011000

#822018
```
#822018 rgb(130,32,24)
```
#187a82
```
#187a82 rgb(24,122,130)
```

Complementary Color

#821845
```
#821845 rgb(130,24,69)
```
#822018
```
#822018 rgb(130,32,24)
```
#825518
```
#825518 rgb(130,85,24)
```

Analogous Color

#184582
```
#184582 rgb(24,69,130)
```
#822018
```
#822018 rgb(130,32,24)
```
#188255
```
#188255 rgb(24,130,85)
```

Split Complementary Color

#201882
```
#201882 rgb(32,24,130)
```
#822018
```
#822018 rgb(130,32,24)
```
#188220
```
#188220 rgb(24,130,32)
```

Triadic Color

#82187a
```
#82187a rgb(130,24,122)
```
#822018
```
#822018 rgb(130,32,24)
```
#188220
```
#188220 rgb(24,130,32)
```
#187a82
```
#187a82 rgb(24,122,130)
```

Tetradic Color

#41100c
```
#41100c rgb(65,16,12)
```
#571510
```
#571510 rgb(87,21,16)
```
#6c1b14
```
#6c1b14 rgb(108,27,20)
```
#822018
```
#822018 rgb(130,32,24)
```
#98251c
```
#98251c rgb(152,37,28)
```
#ad2b20
```
#ad2b20 rgb(173,43,32)
```
#c33024
```
#c33024 rgb(195,48,36)
```

Monochromatic Color

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

#82182b
```
#82182b rgb(130,24,43)
```
#821822
```
#821822 rgb(130,24,34)
```
#821819
```
#821819 rgb(130,24,25)
```
#822018
```
#822018 rgb(130,32,24)
```
#822918
```
#822918 rgb(130,41,24)
```
#823218
```
#823218 rgb(130,50,24)
```
#823b18
```
#823b18 rgb(130,59,24)
```

Similar Colors

Text with hexadecimal color #822018

This text has a font color of #822018.

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

#822018 background color

This paragraph has a background color of #822018.

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

#822018 border color

This element has a border color of #822018.

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

CSS codes

.text {color:#822018;}

.background {background-color:#822018;}

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

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

#0e0303
```
#0e0303 rgb(14,3,3)
```
#1f0806
```
#1f0806 rgb(31,8,6)
```
#2f0c09
```
#2f0c09 rgb(47,12,9)
```
#40100c
```
#40100c rgb(64,16,12)
```
#50140f
```
#50140f rgb(80,20,15)
```
#611812
```
#611812 rgb(97,24,18)
```
#711c15
```
#711c15 rgb(113,28,21)
```
#822018
```
#822018 rgb(130,32,24)
```
#93241b
```
#93241b rgb(147,36,27)
```
#a3281e
```
#a3281e rgb(163,40,30)
```
#b42c21
```
#b42c21 rgb(180,44,33)
```
#c43024
```
#c43024 rgb(196,48,36)
```
#d53427
```
#d53427 rgb(213,52,39)
```

Shade Color Variation

#da4236
```
#da4236 rgb(218,66,54)
```
#dd5246
```
#dd5246 rgb(221,82,70)
```
#e06157
```
#e06157 rgb(224,97,87)
```
#e37168
```
#e37168 rgb(227,113,104)
```
#e68078
```
#e68078 rgb(230,128,120)
```
#e99089
```
#e99089 rgb(233,144,137)
```
#ec9f99
```
#ec9f99 rgb(236,159,153)
```
#efafaa
```
#efafaa rgb(239,175,170)
```
#f2bfba
```
#f2bfba rgb(242,191,186)
```
#f5cecb
```
#f5cecb rgb(245,206,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 #9a0c00 is the most saturated one.

#534847
```
#534847 rgb(83,72,71)
```
#594341
```
#594341 rgb(89,67,65)
```
#5e3e3c
```
#5e3e3c rgb(94,62,60)
```
#643936
```
#643936 rgb(100,57,54)
```
#6a3430
```
#6a3430 rgb(106,52,48)
```
#702f2a
```
#702f2a rgb(112,47,42)
```
#762a24
```
#762a24 rgb(118,42,36)
```
#7c251e
```
#7c251e rgb(124,37,30)
```
#822018
```
#822018 rgb(130,32,24)
```
#881b12
```
#881b12 rgb(136,27,18)
```
#8e160c
```
#8e160c rgb(142,22,12)
```
#941106
```
#941106 rgb(148,17,6)
```
#9a0c00
```
#9a0c00 rgb(154,12,0)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#4a3635 Atypical Achromatopsia 0.001% of the population

Dichromacy

#554e2d Protanopia 1% of men
#604a1b Deuteranopia 1% of men
#882a2c Tritanopia 0.001% of the population

Trichromacy

#653d25 Protanomaly 1% of men, 0.01% of women
#6c3b1a Deuteranomaly 6% of men, 0.4% of women
#862624 Tritanomaly 0.01% of the population

#822018 hex color

#822018 Color Information

#822018 Color Conversion

Color Schemes with #822018

Alternatives to #822018

#822018 Preview

Shades and Tints of #822018

Tones of #822018

Color Blindness Simulator