#c31422 hex color

In a RGB color space, hex #c31422 is composed of 76.5% red, 7.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.7% magenta, 82.6% yellow and 23.5% black. It has a hue angle of 355.2 degrees, a saturation of 81.4% and a lightness of 42.2%. #c31422 color hex could be obtained by blending #ff2844 with #870000. Closest websafe color is: #cc0033.

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

● #c31422 color description : Strong red.

The hexadecimal color #c31422 has RGB values of R:195, G:20, B:34 and CMYK values of C:0, M:0.9, Y:0.83, K:0.24. Its decimal value is 12784674.

Hex triplet	c31422	`#c31422`
RGB Decimal	195, 20, 34	`rgb(195,20,34)`
RGB Percent	76.5, 7.8, 13.3	`rgb(76.5%,7.8%,13.3%)`
CMYK	0, 90, 83, 24
HSL	355.2°, 81.4, 42.2	`hsl(355.2,81.4%,42.2%)`
HSV (or HSB)	355.2°, 89.7, 76.5
Web Safe	cc0033	`#cc0033`

CIE-LAB	41.565, 63.659, 41.227
XYZ	23.046, 12.221, 2.659
xyY	0.608, 0.322, 12.221
CIE-LCH	41.565, 75.843, 32.928
CIE-LUV	41.565, 125.494, 24.219
Hunter-Lab	34.958, 56.496, 19.962
Binary	11000011, 00010100, 00100010

#c31422
```
#c31422 rgb(195,20,34)
```
#14c3b5
```
#14c3b5 rgb(20,195,181)
```

Complementary Color

#c3147a
```
#c3147a rgb(195,20,122)
```
#c31422
```
#c31422 rgb(195,20,34)
```
#c35e14
```
#c35e14 rgb(195,94,20)
```

Analogous Color

#147ac3
```
#147ac3 rgb(20,122,195)
```
#c31422
```
#c31422 rgb(195,20,34)
```
#14c35e
```
#14c35e rgb(20,195,94)
```

Split Complementary Color

#1422c3
```
#1422c3 rgb(20,34,195)
```
#c31422
```
#c31422 rgb(195,20,34)
```
#22c314
```
#22c314 rgb(34,195,20)
```

Triadic Color

#b514c3
```
#b514c3 rgb(181,20,195)
```
#c31422
```
#c31422 rgb(195,20,34)
```
#22c314
```
#22c314 rgb(34,195,20)
```
#14c3b5
```
#14c3b5 rgb(20,195,181)
```

Tetradic Color

#7e0d16
```
#7e0d16 rgb(126,13,22)
```
#950f1a
```
#950f1a rgb(149,15,26)
```
#ac121e
```
#ac121e rgb(172,18,30)
```
#c31422
```
#c31422 rgb(195,20,34)
```
#da1626
```
#da1626 rgb(218,22,38)
```
#e82232
```
#e82232 rgb(232,34,50)
```
#eb3947
```
#eb3947 rgb(235,57,71)
```

Monochromatic Color

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

#c3144e
```
#c3144e rgb(195,20,78)
```
#c3143f
```
#c3143f rgb(195,20,63)
```
#c31431
```
#c31431 rgb(195,20,49)
```
#c31422
```
#c31422 rgb(195,20,34)
```
#c31514
```
#c31514 rgb(195,21,20)
```
#c32314
```
#c32314 rgb(195,35,20)
```
#c33214
```
#c33214 rgb(195,50,20)
```

Similar Colors

Text with hexadecimal color #c31422

This text has a font color of #c31422.

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

#c31422 background color

This paragraph has a background color of #c31422.

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

#c31422 border color

This element has a border color of #c31422.

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

CSS codes

.text {color:#c31422;}

.background {background-color:#c31422;}

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

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

#110203
```
#110203 rgb(17,2,3)
```
#230406
```
#230406 rgb(35,4,6)
```
#350509
```
#350509 rgb(53,5,9)
```
#46070c
```
#46070c rgb(70,7,12)
```
#58090f
```
#58090f rgb(88,9,15)
```
#6a0b12
```
#6a0b12 rgb(106,11,18)
```
#7c0d16
```
#7c0d16 rgb(124,13,22)
```
#8e0f19
```
#8e0f19 rgb(142,15,25)
```
#9f101c
```
#9f101c rgb(159,16,28)
```
#b1121f
```
#b1121f rgb(177,18,31)
```
#c31422
```
#c31422 rgb(195,20,34)
```
#d51625
```
#d51625 rgb(213,22,37)
```
#e71828
```
#e71828 rgb(231,24,40)
```

Shade Color Variation

#e92938
```
#e92938 rgb(233,41,56)
```
#eb3b49
```
#eb3b49 rgb(235,59,73)
```
#ed4c59
```
#ed4c59 rgb(237,76,89)
```
#ef5e6a
```
#ef5e6a rgb(239,94,106)
```
#f0707a
```
#f0707a rgb(240,112,122)
```
#f2828b
```
#f2828b rgb(242,130,139)
```
#f4949b
```
#f4949b rgb(244,148,155)
```
#f6a5ac
```
#f6a5ac rgb(246,165,172)
```
#f8b7bc
```
#f8b7bc rgb(248,183,188)
```
#f9c9cd
```
#f9c9cd rgb(249,201,205)
```
#fbdbdd
```
#fbdbdd rgb(251,219,221)
```
#fdedee
```
#fdedee rgb(253,237,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#706767
```
#706767 rgb(112,103,103)
```
#795e61
```
#795e61 rgb(121,94,97)
```
#81565a
```
#81565a rgb(129,86,90)
```
#894e53
```
#894e53 rgb(137,78,83)
```
#91464c
```
#91464c rgb(145,70,76)
```
#9a3d45
```
#9a3d45 rgb(154,61,69)
```
#a2353e
```
#a2353e rgb(162,53,62)
```
#aa2d37
```
#aa2d37 rgb(170,45,55)
```
#b22530
```
#b22530 rgb(178,37,48)
```
#bb1c29
```
#bb1c29 rgb(187,28,41)
```
#c31422
```
#c31422 rgb(195,20,34)
```
#cb0c1b
```
#cb0c1b rgb(203,12,27)
```
#d40314
```
#d40314 rgb(212,3,20)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#623f42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746a3f Protanopia 1% of men
#84651d Deuteranopia 1% of men
#c52220 Tritanopia 0.001% of the population

Trichromacy

#904a34 Protanomaly 1% of men, 0.01% of women
#9b471f Deuteranomaly 6% of men, 0.4% of women
#c41d20 Tritanomaly 0.01% of the population

#c31422 hex color

#c31422 Color Information

#c31422 Color Conversion

Color Schemes with #c31422

Alternatives to #c31422

#c31422 Preview

Shades and Tints of #c31422

Tones of #c31422

Color Blindness Simulator