#822a36 hex color

In a RGB color space, hex #822a36 is composed of 51% red, 16.5% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.7% magenta, 58.5% yellow and 49% black. It has a hue angle of 351.8 degrees, a saturation of 51.2% and a lightness of 33.7%. #822a36 color hex could be obtained by blending #ff546c with #050000. Closest websafe color is: #993333.

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

● #822a36 color description : Dark moderate red.

The hexadecimal color #822a36 has RGB values of R:130, G:42, B:54 and CMYK values of C:0, M:0.68, Y:0.58, K:0.49. Its decimal value is 8530486.

Hex triplet	822a36	`#822a36`
RGB Decimal	130, 42, 54	`rgb(130,42,54)`
RGB Percent	51, 16.5, 21.2	`rgb(51%,16.5%,21.2%)`
CMYK	0, 68, 58, 49
HSL	351.8°, 51.2, 33.7	`hsl(351.8,51.2%,33.7%)`
HSV (or HSB)	351.8°, 67.7, 51
Web Safe	993333	`#993333`

CIE-LAB	31.042, 38.662, 13.457
XYZ	10.7, 6.669, 4.214
xyY	0.496, 0.309, 6.669
CIE-LCH	31.042, 40.937, 19.192
CIE-LUV	31.042, 60.153, 7.326
Hunter-Lab	25.825, 28.765, 8.403
Binary	10000010, 00101010, 00110110

#822a36
```
#822a36 rgb(130,42,54)
```
#2a8276
```
#2a8276 rgb(42,130,118)
```

Complementary Color

#822a62
```
#822a62 rgb(130,42,98)
```
#822a36
```
#822a36 rgb(130,42,54)
```
#824a2a
```
#824a2a rgb(130,74,42)
```

Analogous Color

#2a6282
```
#2a6282 rgb(42,98,130)
```
#822a36
```
#822a36 rgb(130,42,54)
```
#2a824a
```
#2a824a rgb(42,130,74)
```

Split Complementary Color

#2a3682
```
#2a3682 rgb(42,54,130)
```
#822a36
```
#822a36 rgb(130,42,54)
```
#36822a
```
#36822a rgb(54,130,42)
```

Triadic Color

#762a82
```
#762a82 rgb(118,42,130)
```
#822a36
```
#822a36 rgb(130,42,54)
```
#36822a
```
#36822a rgb(54,130,42)
```
#2a8276
```
#2a8276 rgb(42,130,118)
```

Tetradic Color

#48171e
```
#48171e rgb(72,23,30)
```
#5b1e26
```
#5b1e26 rgb(91,30,38)
```
#6f242e
```
#6f242e rgb(111,36,46)
```
#822a36
```
#822a36 rgb(130,42,54)
```
#95303e
```
#95303e rgb(149,48,62)
```
#a93646
```
#a93646 rgb(169,54,70)
```
#bc3d4e
```
#bc3d4e rgb(188,61,78)
```

Monochromatic Color

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

#822a4c
```
#822a4c rgb(130,42,76)
```
#822a45
```
#822a45 rgb(130,42,69)
```
#822a3d
```
#822a3d rgb(130,42,61)
```
#822a36
```
#822a36 rgb(130,42,54)
```
#822a2f
```
#822a2f rgb(130,42,47)
```
#822d2a
```
#822d2a rgb(130,45,42)
```
#82342a
```
#82342a rgb(130,52,42)
```

Similar Colors

Text with hexadecimal color #822a36

This text has a font color of #822a36.

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

#822a36 background color

This paragraph has a background color of #822a36.

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

#822a36 border color

This element has a border color of #822a36.

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

CSS codes

.text {color:#822a36;}

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

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

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

#0b0405
```
#0b0405 rgb(11,4,5)
```
#1a080b
```
#1a080b rgb(26,8,11)
```
#290d11
```
#290d11 rgb(41,13,17)
```
#381217
```
#381217 rgb(56,18,23)
```
#47171d
```
#47171d rgb(71,23,29)
```
#561c24
```
#561c24 rgb(86,28,36)
```
#64202a
```
#64202a rgb(100,32,42)
```
#732530
```
#732530 rgb(115,37,48)
```
#822a36
```
#822a36 rgb(130,42,54)
```
#912f3c
```
#912f3c rgb(145,47,60)
```
#a03442
```
#a03442 rgb(160,52,66)
```
#ae3848
```
#ae3848 rgb(174,56,72)
```
#bd3d4f
```
#bd3d4f rgb(189,61,79)
```

Shade Color Variation

#c44a5a
```
#c44a5a rgb(196,74,90)
```
#c95868
```
#c95868 rgb(201,88,104)
```
#ce6775
```
#ce6775 rgb(206,103,117)
```
#d37683
```
#d37683 rgb(211,118,131)
```
#d88590
```
#d88590 rgb(216,133,144)
```
#dc949e
```
#dc949e rgb(220,148,158)
```
#e1a3ab
```
#e1a3ab rgb(225,163,171)
```
#e6b1b9
```
#e6b1b9 rgb(230,177,185)
```
#ebc0c6
```
#ebc0c6 rgb(235,192,198)
```
#f0cfd4
```
#f0cfd4 rgb(240,207,212)
```
#f4dee1
```
#f4dee1 rgb(244,222,225)
```
#f9edee
```
#f9edee rgb(249,237,238)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#5a5253
```
#5a5253 rgb(90,82,83)
```
#614b4e
```
#614b4e rgb(97,75,78)
```
#684449
```
#684449 rgb(104,68,73)
```
#6e3e44
```
#6e3e44 rgb(110,62,68)
```
#753740
```
#753740 rgb(117,55,64)
```
#7b313b
```
#7b313b rgb(123,49,59)
```
#822a36
```
#822a36 rgb(130,42,54)
```
#892331
```
#892331 rgb(137,35,49)
```
#8f1d2c
```
#8f1d2c rgb(143,29,44)
```
#961628
```
#961628 rgb(150,22,40)
```
#9c1023
```
#9c1023 rgb(156,16,35)
```
#a3091e
```
#a3091e rgb(163,9,30)
```
#aa0219
```
#aa0219 rgb(170,2,25)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#524043 Atypical Achromatopsia 0.001% of the population

Dichromacy

#55524c Protanopia 1% of men
#614f3a Deuteranopia 1% of men
#883639 Tritanopia 0.001% of the population

Trichromacy

#654344 Protanomaly 1% of men, 0.01% of women
#6d4139 Deuteranomaly 6% of men, 0.4% of women
#853138 Tritanomaly 0.01% of the population

#822a36 hex color

#822a36 Color Information

#822a36 Color Conversion

Color Schemes with #822a36

Alternatives to #822a36

#822a36 Preview

Shades and Tints of #822a36

Tones of #822a36

Color Blindness Simulator