#c31822 hex color

In a RGB color space, hex #c31822 is composed of 76.5% red, 9.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.7% magenta, 82.6% yellow and 23.5% black. It has a hue angle of 356.5 degrees, a saturation of 78.1% and a lightness of 42.9%. #c31822 color hex could be obtained by blending #ff3044 with #870000. Closest websafe color is: #cc0033.

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

● #c31822 color description : Strong red.

The hexadecimal color #c31822 has RGB values of R:195, G:24, B:34 and CMYK values of C:0, M:0.88, Y:0.83, K:0.24. Its decimal value is 12785698.

Hex triplet	c31822	`#c31822`
RGB Decimal	195, 24, 34	`rgb(195,24,34)`
RGB Percent	76.5, 9.4, 13.3	`rgb(76.5%,9.4%,13.3%)`
CMYK	0, 88, 83, 24
HSL	356.5°, 78.1, 42.9	`hsl(356.5,78.1%,42.9%)`
HSV (or HSB)	356.5°, 87.7, 76.5
Web Safe	cc0033	`#cc0033`

CIE-LAB	41.804, 62.973, 41.454
XYZ	23.122, 12.374, 2.684
xyY	0.606, 0.324, 12.374
CIE-LCH	41.804, 75.392, 33.356
CIE-LUV	41.804, 124.345, 24.662
Hunter-Lab	35.176, 55.773, 20.099
Binary	11000011, 00011000, 00100010

#c31822
```
#c31822 rgb(195,24,34)
```
#18c3b9
```
#18c3b9 rgb(24,195,185)
```

Complementary Color

#c31878
```
#c31878 rgb(195,24,120)
```
#c31822
```
#c31822 rgb(195,24,34)
```
#c36418
```
#c36418 rgb(195,100,24)
```

Analogous Color

#1878c3
```
#1878c3 rgb(24,120,195)
```
#c31822
```
#c31822 rgb(195,24,34)
```
#18c364
```
#18c364 rgb(24,195,100)
```

Split Complementary Color

#1822c3
```
#1822c3 rgb(24,34,195)
```
#c31822
```
#c31822 rgb(195,24,34)
```
#22c318
```
#22c318 rgb(34,195,24)
```

Triadic Color

#b918c3
```
#b918c3 rgb(185,24,195)
```
#c31822
```
#c31822 rgb(195,24,34)
```
#22c318
```
#22c318 rgb(34,195,24)
```
#18c3b9
```
#18c3b9 rgb(24,195,185)
```

Tetradic Color

#7f1016
```
#7f1016 rgb(127,16,22)
```
#96121a
```
#96121a rgb(150,18,26)
```
#ac151e
```
#ac151e rgb(172,21,30)
```
#c31822
```
#c31822 rgb(195,24,34)
```
#da1b26
```
#da1b26 rgb(218,27,38)
```
#e52934
```
#e52934 rgb(229,41,52)
```
#e7404a
```
#e7404a rgb(231,64,74)
```

Monochromatic Color

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

#c3184d
```
#c3184d rgb(195,24,77)
```
#c3183e
```
#c3183e rgb(195,24,62)
```
#c31830
```
#c31830 rgb(195,24,48)
```
#c31822
```
#c31822 rgb(195,24,34)
```
#c31c18
```
#c31c18 rgb(195,28,24)
```
#c32b18
```
#c32b18 rgb(195,43,24)
```
#c33918
```
#c33918 rgb(195,57,24)
```

Similar Colors

Text with hexadecimal color #c31822

This text has a font color of #c31822.

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

#c31822 background color

This paragraph has a background color of #c31822.

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

#c31822 border color

This element has a border color of #c31822.

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

CSS codes

.text {color:#c31822;}

.background {background-color:#c31822;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#140304
```
#140304 rgb(20,3,4)
```
#260507
```
#260507 rgb(38,5,7)
```
#37070a
```
#37070a rgb(55,7,10)
```
#49090d
```
#49090d rgb(73,9,13)
```
#5a0b10
```
#5a0b10 rgb(90,11,16)
```
#6c0d13
```
#6c0d13 rgb(108,13,19)
```
#7d0f16
```
#7d0f16 rgb(125,15,22)
```
#8f1219
```
#8f1219 rgb(143,18,25)
```
#a0141c
```
#a0141c rgb(160,20,28)
```
#b2161f
```
#b2161f rgb(178,22,31)
```
#c31822
```
#c31822 rgb(195,24,34)
```
#d41a25
```
#d41a25 rgb(212,26,37)
```

Shade Color Variation

#e31f2a
```
#e31f2a rgb(227,31,42)
```
#e6303b
```
#e6303b rgb(230,48,59)
```
#e8424b
```
#e8424b rgb(232,66,75)
```
#ea535c
```
#ea535c rgb(234,83,92)
```
#ec656d
```
#ec656d rgb(236,101,109)
```
#ee767d
```
#ee767d rgb(238,118,125)
```
#f0888e
```
#f0888e rgb(240,136,142)
```
#f2999e
```
#f2999e rgb(242,153,158)
```
#f5abaf
```
#f5abaf rgb(245,171,175)
```
#f7bcbf
```
#f7bcbf rgb(247,188,191)
```
#f9cdd0
```
#f9cdd0 rgb(249,205,208)
```
#fbdfe1
```
#fbdfe1 rgb(251,223,225)
```
#fdf0f1
```
#fdf0f1 rgb(253,240,241)
```

Tint Color Variation

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

#6f6c6c
```
#6f6c6c rgb(111,108,108)
```
#776465
```
#776465 rgb(119,100,101)
```
#805b5e
```
#805b5e rgb(128,91,94)
```
#885356
```
#885356 rgb(136,83,86)
```
#904b4f
```
#904b4f rgb(144,75,79)
```
#994247
```
#994247 rgb(153,66,71)
```
#a13a40
```
#a13a40 rgb(161,58,64)
```
#aa3138
```
#aa3138 rgb(170,49,56)
```
#b22931
```
#b22931 rgb(178,41,49)
```
#bb2029
```
#bb2029 rgb(187,32,41)
```
#c31822
```
#c31822 rgb(195,24,34)
```
#cb101b
```
#cb101b rgb(203,16,27)
```
#d40713
```
#d40713 rgb(212,7,19)
```

Tone Color Variation

Below, you can see how #c31822 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
#c52524 Tritanopia 0.001% of the population

Trichromacy

#914c34 Protanomaly 1% of men, 0.01% of women
#9b491f Deuteranomaly 6% of men, 0.4% of women
#c42023 Tritanomaly 0.01% of the population

#c31822 hex color

#c31822 Color Information

#c31822 Color Conversion

Color Schemes with #c31822

Alternatives to #c31822

#c31822 Preview

Shades and Tints of #c31822

Tones of #c31822

Color Blindness Simulator