#84222c hex color

In a RGB color space, hex #84222c is composed of 51.8% red, 13.3% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.2% magenta, 66.7% yellow and 48.2% black. It has a hue angle of 353.9 degrees, a saturation of 59% and a lightness of 32.5%. #84222c color hex could be obtained by blending #ff4458 with #090000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 52
- G 13
- B 17
RGB color chart
- C 0
- M 74
- Y 67
- K 48
CMYK color chart

● #84222c color description : Dark red.

The hexadecimal color #84222c has RGB values of R:132, G:34, B:44 and CMYK values of C:0, M:0.74, Y:0.67, K:0.48. Its decimal value is 8659500.

Hex triplet	84222c	`#84222c`
RGB Decimal	132, 34, 44	`rgb(132,34,44)`
RGB Percent	51.8, 13.3, 17.3	`rgb(51.8%,13.3%,17.3%)`
CMYK	0, 74, 67, 48
HSL	353.9°, 59, 32.5	`hsl(353.9,59%,32.5%)`
HSV (or HSB)	353.9°, 74.2, 51.8
Web Safe	993333	`#993333`

CIE-LAB	29.992, 41.997, 18.685
XYZ	10.543, 6.233, 3.031
xyY	0.532, 0.315, 6.233
CIE-LCH	29.992, 45.966, 23.985
CIE-LUV	29.992, 68.211, 10.731
Hunter-Lab	24.965, 31.691, 10.278
Binary	10000100, 00100010, 00101100

#84222c
```
#84222c rgb(132,34,44)
```
#22847a
```
#22847a rgb(34,132,122)
```

Complementary Color

#84225d
```
#84225d rgb(132,34,93)
```
#84222c
```
#84222c rgb(132,34,44)
```
#844922
```
#844922 rgb(132,73,34)
```

Analogous Color

#225d84
```
#225d84 rgb(34,93,132)
```
#84222c
```
#84222c rgb(132,34,44)
```
#228449
```
#228449 rgb(34,132,73)
```

Split Complementary Color

#222c84
```
#222c84 rgb(34,44,132)
```
#84222c
```
#84222c rgb(132,34,44)
```
#2c8422
```
#2c8422 rgb(44,132,34)
```

Triadic Color

#7a2284
```
#7a2284 rgb(122,34,132)
```
#84222c
```
#84222c rgb(132,34,44)
```
#2c8422
```
#2c8422 rgb(44,132,34)
```
#22847a
```
#22847a rgb(34,132,122)
```

Tetradic Color

#471218
```
#471218 rgb(71,18,24)
```
#5b181e
```
#5b181e rgb(91,24,30)
```
#701d25
```
#701d25 rgb(112,29,37)
```
#84222c
```
#84222c rgb(132,34,44)
```
#982733
```
#982733 rgb(152,39,51)
```
#ad2c3a
```
#ad2c3a rgb(173,44,58)
```
#c13240
```
#c13240 rgb(193,50,64)
```

Monochromatic Color

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

#842244
```
#842244 rgb(132,34,68)
```
#84223c
```
#84223c rgb(132,34,60)
```
#842234
```
#842234 rgb(132,34,52)
```
#84222c
```
#84222c rgb(132,34,44)
```
#842224
```
#842224 rgb(132,34,36)
```
#842822
```
#842822 rgb(132,40,34)
```
#843122
```
#843122 rgb(132,49,34)
```

Similar Colors

Text with hexadecimal color #84222c

This text has a font color of #84222c.

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

#84222c background color

This paragraph has a background color of #84222c.

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

#84222c border color

This element has a border color of #84222c.

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

CSS codes

.text {color:#84222c;}

.background {background-color:#84222c;}

.border {border:1px solid #84222c;}

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

#070202
```
#070202 rgb(7,2,2)
```
#170608
```
#170608 rgb(23,6,8)
```
#260a0d
```
#260a0d rgb(38,10,13)
```
#360e12
```
#360e12 rgb(54,14,18)
```
#461217
```
#461217 rgb(70,18,23)
```
#55161c
```
#55161c rgb(85,22,28)
```
#651a22
```
#651a22 rgb(101,26,34)
```
#741e27
```
#741e27 rgb(116,30,39)
```
#84222c
```
#84222c rgb(132,34,44)
```
#942631
```
#942631 rgb(148,38,49)
```
#a32a36
```
#a32a36 rgb(163,42,54)
```
#b32e3c
```
#b32e3c rgb(179,46,60)
```
#c23241
```
#c23241 rgb(194,50,65)
```

Shade Color Variation

#cd3b4a
```
#cd3b4a rgb(205,59,74)
```
#d14b59
```
#d14b59 rgb(209,75,89)
```
#d55b67
```
#d55b67 rgb(213,91,103)
```
#d96a76
```
#d96a76 rgb(217,106,118)
```
#dd7a84
```
#dd7a84 rgb(221,122,132)
```
#e18992
```
#e18992 rgb(225,137,146)
```
#e599a1
```
#e599a1 rgb(229,153,161)
```
#e9a9af
```
#e9a9af rgb(233,169,175)
```
#edb8be
```
#edb8be rgb(237,184,190)
```
#f1c8cc
```
#f1c8cc rgb(241,200,204)
```
#f5d7da
```
#f5d7da rgb(245,215,218)
```
#f9e7e9
```
#f9e7e9 rgb(249,231,233)
```
#fdf7f7
```
#fdf7f7 rgb(253,247,247)
```

Tint Color Variation

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

#574f50
```
#574f50 rgb(87,79,80)
```
#5e484a
```
#5e484a rgb(94,72,74)
```
#644245
```
#644245 rgb(100,66,69)
```
#6a3c40
```
#6a3c40 rgb(106,60,64)
```
#71353b
```
#71353b rgb(113,53,59)
```
#772f36
```
#772f36 rgb(119,47,54)
```
#7e2831
```
#7e2831 rgb(126,40,49)
```
#84222c
```
#84222c rgb(132,34,44)
```
#8a1c27
```
#8a1c27 rgb(138,28,39)
```
#911522
```
#911522 rgb(145,21,34)
```
#970f1d
```
#970f1d rgb(151,15,29)
```
#9e0818
```
#9e0818 rgb(158,8,24)
```
#a40213
```
#a40213 rgb(164,2,19)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#4e3a3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#545043 Protanopia 1% of men
#604c30 Deuteranopia 1% of men
#8a2e30 Tritanopia 0.001% of the population

Trichromacy

#653f3b Protanomaly 1% of men, 0.01% of women
#6d3d2e Deuteranomaly 6% of men, 0.4% of women
#872a2f Tritanomaly 0.01% of the population

#84222c hex color

#84222c Color Information

#84222c Color Conversion

Color Schemes with #84222c

Alternatives to #84222c

#84222c Preview

Shades and Tints of #84222c

Tones of #84222c

Color Blindness Simulator