#c21822 hex color

In a RGB color space, hex #c21822 is composed of 76.1% red, 9.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.6% magenta, 82.5% yellow and 23.9% black. It has a hue angle of 356.5 degrees, a saturation of 78% and a lightness of 42.7%. #c21822 color hex could be obtained by blending #ff3044 with #850000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 76
- G 9
- B 13
RGB color chart
- C 0
- M 88
- Y 82
- K 24
CMYK color chart

● #c21822 color description : Strong red.

The hexadecimal color #c21822 has RGB values of R:194, G:24, B:34 and CMYK values of C:0, M:0.88, Y:0.82, K:0.24. Its decimal value is 12720162.

Hex triplet	c21822	`#c21822`
RGB Decimal	194, 24, 34	`rgb(194,24,34)`
RGB Percent	76.1, 9.4, 13.3	`rgb(76.1%,9.4%,13.3%)`
CMYK	0, 88, 82, 24
HSL	356.5°, 78, 42.7	`hsl(356.5,78%,42.7%)`
HSV (or HSB)	356.5°, 87.6, 76.1
Web Safe	cc0033	`#cc0033`

CIE-LAB	41.597, 62.704, 41.184
XYZ	22.865, 12.241, 2.672
xyY	0.605, 0.324, 12.241
CIE-LCH	41.597, 75.019, 33.297
CIE-LUV	41.597, 123.589, 24.486
Hunter-Lab	34.987, 55.425, 19.963
Binary	11000010, 00011000, 00100010

#c21822
```
#c21822 rgb(194,24,34)
```
#18c2b8
```
#18c2b8 rgb(24,194,184)
```

Complementary Color

#c21877
```
#c21877 rgb(194,24,119)
```
#c21822
```
#c21822 rgb(194,24,34)
```
#c26318
```
#c26318 rgb(194,99,24)
```

Analogous Color

#1877c2
```
#1877c2 rgb(24,119,194)
```
#c21822
```
#c21822 rgb(194,24,34)
```
#18c263
```
#18c263 rgb(24,194,99)
```

Split Complementary Color

#1822c2
```
#1822c2 rgb(24,34,194)
```
#c21822
```
#c21822 rgb(194,24,34)
```
#22c218
```
#22c218 rgb(34,194,24)
```

Triadic Color

#b818c2
```
#b818c2 rgb(184,24,194)
```
#c21822
```
#c21822 rgb(194,24,34)
```
#22c218
```
#22c218 rgb(34,194,24)
```
#18c2b8
```
#18c2b8 rgb(24,194,184)
```

Tetradic Color

#7e1016
```
#7e1016 rgb(126,16,22)
```
#95121a
```
#95121a rgb(149,18,26)
```
#ab151e
```
#ab151e rgb(171,21,30)
```
#c21822
```
#c21822 rgb(194,24,34)
```
#d91b26
```
#d91b26 rgb(217,27,38)
```
#e42934
```
#e42934 rgb(228,41,52)
```
#e73f49
```
#e73f49 rgb(231,63,73)
```

Monochromatic Color

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

#c2184d
```
#c2184d rgb(194,24,77)
```
#c2183e
```
#c2183e rgb(194,24,62)
```
#c21830
```
#c21830 rgb(194,24,48)
```
#c21822
```
#c21822 rgb(194,24,34)
```
#c21c18
```
#c21c18 rgb(194,28,24)
```
#c22a18
```
#c22a18 rgb(194,42,24)
```
#c23918
```
#c23918 rgb(194,57,24)
```

Similar Colors

Text with hexadecimal color #c21822

This text has a font color of #c21822.

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

#c21822 background color

This paragraph has a background color of #c21822.

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

#c21822 border color

This element has a border color of #c21822.

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

CSS codes

.text {color:#c21822;}

.background {background-color:#c21822;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#130203
```
#130203 rgb(19,2,3)
```
#250506
```
#250506 rgb(37,5,6)
```
#36070a
```
#36070a rgb(54,7,10)
```
#48090d
```
#48090d rgb(72,9,13)
```
#590b10
```
#590b10 rgb(89,11,16)
```
#6b0d13
```
#6b0d13 rgb(107,13,19)
```
#7c0f16
```
#7c0f16 rgb(124,15,22)
```
#8e1219
```
#8e1219 rgb(142,18,25)
```
#9f141c
```
#9f141c rgb(159,20,28)
```
#b1161f
```
#b1161f rgb(177,22,31)
```
#c21822
```
#c21822 rgb(194,24,34)
```
#d31a25
```
#d31a25 rgb(211,26,37)
```

Shade Color Variation

#e31e2a
```
#e31e2a rgb(227,30,42)
```
#e5303a
```
#e5303a rgb(229,48,58)
```
#e7414b
```
#e7414b rgb(231,65,75)
```
#ea525b
```
#ea525b rgb(234,82,91)
```
#ec646c
```
#ec646c rgb(236,100,108)
```
#ee757c
```
#ee757c rgb(238,117,124)
```
#f0878d
```
#f0878d rgb(240,135,141)
```
#f2989e
```
#f2989e rgb(242,152,158)
```
#f4aaae
```
#f4aaae rgb(244,170,174)
```
#f7bbbf
```
#f7bbbf rgb(247,187,191)
```
#f9cdcf
```
#f9cdcf rgb(249,205,207)
```
#fbdee0
```
#fbdee0 rgb(251,222,224)
```
#fdf0f0
```
#fdf0f0 rgb(253,240,240)
```

Tint Color Variation

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

#6e6c6c
```
#6e6c6c rgb(110,108,108)
```
#776365
```
#776365 rgb(119,99,101)
```
#7f5b5d
```
#7f5b5d rgb(127,91,93)
```
#875356
```
#875356 rgb(135,83,86)
```
#904a4e
```
#904a4e rgb(144,74,78)
```
#984247
```
#984247 rgb(152,66,71)
```
#a03a40
```
#a03a40 rgb(160,58,64)
```
#a93138
```
#a93138 rgb(169,49,56)
```
#b12931
```
#b12931 rgb(177,41,49)
```
#ba2029
```
#ba2029 rgb(186,32,41)
```
#c21822
```
#c21822 rgb(194,24,34)
```
#ca101b
```
#ca101b rgb(202,16,27)
```
#d30713
```
#d30713 rgb(211,7,19)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#644244 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746a3e Protanopia 1% of men
#84651d Deuteranopia 1% of men
#c42524 Tritanopia 0.001% of the population

Trichromacy

#904c34 Protanomaly 1% of men, 0.01% of women
#9a491f Deuteranomaly 6% of men, 0.4% of women
#c32023 Tritanomaly 0.01% of the population

#c21822 hex color

#c21822 Color Information

#c21822 Color Conversion

Color Schemes with #c21822

Alternatives to #c21822

#c21822 Preview

Shades and Tints of #c21822

Tones of #c21822

Color Blindness Simulator