#c31424 hex color

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

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

● #c31424 color description : Strong red.

The hexadecimal color #c31424 has RGB values of R:195, G:20, B:36 and CMYK values of C:0, M:0.9, Y:0.82, K:0.24. Its decimal value is 12784676.

Hex triplet	c31424	`#c31424`
RGB Decimal	195, 20, 36	`rgb(195,20,36)`
RGB Percent	76.5, 7.8, 14.1	`rgb(76.5%,7.8%,14.1%)`
CMYK	0, 90, 82, 24
HSL	354.5°, 81.4, 42.2	`hsl(354.5,81.4%,42.2%)`
HSV (or HSB)	354.5°, 89.7, 76.5
Web Safe	cc0033	`#cc0033`

CIE-LAB	41.584, 63.713, 40.143
XYZ	23.076, 12.233, 2.815
xyY	0.605, 0.321, 12.233
CIE-LCH	41.584, 75.304, 32.213
CIE-LUV	41.584, 125.117, 23.626
Hunter-Lab	34.975, 56.561, 19.711
Binary	11000011, 00010100, 00100100

#c31424
```
#c31424 rgb(195,20,36)
```
#14c3b3
```
#14c3b3 rgb(20,195,179)
```

Complementary Color

#c3147c
```
#c3147c rgb(195,20,124)
```
#c31424
```
#c31424 rgb(195,20,36)
```
#c35c14
```
#c35c14 rgb(195,92,20)
```

Analogous Color

#147cc3
```
#147cc3 rgb(20,124,195)
```
#c31424
```
#c31424 rgb(195,20,36)
```
#14c35c
```
#14c35c rgb(20,195,92)
```

Split Complementary Color

#1424c3
```
#1424c3 rgb(20,36,195)
```
#c31424
```
#c31424 rgb(195,20,36)
```
#24c314
```
#24c314 rgb(36,195,20)
```

Triadic Color

#b314c3
```
#b314c3 rgb(179,20,195)
```
#c31424
```
#c31424 rgb(195,20,36)
```
#24c314
```
#24c314 rgb(36,195,20)
```
#14c3b3
```
#14c3b3 rgb(20,195,179)
```

Tetradic Color

#7e0d17
```
#7e0d17 rgb(126,13,23)
```
#950f1b
```
#950f1b rgb(149,15,27)
```
#ac1220
```
#ac1220 rgb(172,18,32)
```
#c31424
```
#c31424 rgb(195,20,36)
```
#da1628
```
#da1628 rgb(218,22,40)
```
#e82234
```
#e82234 rgb(232,34,52)
```
#eb3949
```
#eb3949 rgb(235,57,73)
```

Monochromatic Color

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

#c31450
```
#c31450 rgb(195,20,80)
```
#c31441
```
#c31441 rgb(195,20,65)
```
#c31433
```
#c31433 rgb(195,20,51)
```
#c31424
```
#c31424 rgb(195,20,36)
```
#c31415
```
#c31415 rgb(195,20,21)
```
#c32114
```
#c32114 rgb(195,33,20)
```
#c33014
```
#c33014 rgb(195,48,20)
```

Similar Colors

Text with hexadecimal color #c31424

This text has a font color of #c31424.

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

#c31424 background color

This paragraph has a background color of #c31424.

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

#c31424 border color

This element has a border color of #c31424.

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

CSS codes

.text {color:#c31424;}

.background {background-color:#c31424;}

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

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)
```
#35050a
```
#35050a rgb(53,5,10)
```
#46070d
```
#46070d rgb(70,7,13)
```
#580910
```
#580910 rgb(88,9,16)
```
#6a0b14
```
#6a0b14 rgb(106,11,20)
```
#7c0d17
```
#7c0d17 rgb(124,13,23)
```
#8e0f1a
```
#8e0f1a rgb(142,15,26)
```
#9f101d
```
#9f101d rgb(159,16,29)
```
#b11221
```
#b11221 rgb(177,18,33)
```
#c31424
```
#c31424 rgb(195,20,36)
```
#d51627
```
#d51627 rgb(213,22,39)
```
#e7182b
```
#e7182b rgb(231,24,43)
```

Shade Color Variation

#e9293a
```
#e9293a rgb(233,41,58)
```
#eb3b4b
```
#eb3b4b rgb(235,59,75)
```
#ed4c5b
```
#ed4c5b rgb(237,76,91)
```
#ef5e6b
```
#ef5e6b rgb(239,94,107)
```
#f0707c
```
#f0707c rgb(240,112,124)
```
#f2828c
```
#f2828c rgb(242,130,140)
```
#f4949c
```
#f4949c rgb(244,148,156)
```
#f6a5ad
```
#f6a5ad rgb(246,165,173)
```
#f8b7bd
```
#f8b7bd rgb(248,183,189)
```
#f9c9cd
```
#f9c9cd rgb(249,201,205)
```
#fbdbde
```
#fbdbde rgb(251,219,222)
```
#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, #706768 is the less saturated color, while #d40316 is the most saturated one.

#706768
```
#706768 rgb(112,103,104)
```
#795e61
```
#795e61 rgb(121,94,97)
```
#81565a
```
#81565a rgb(129,86,90)
```
#894e53
```
#894e53 rgb(137,78,83)
```
#91464d
```
#91464d rgb(145,70,77)
```
#9a3d46
```
#9a3d46 rgb(154,61,70)
```
#a2353f
```
#a2353f rgb(162,53,63)
```
#aa2d38
```
#aa2d38 rgb(170,45,56)
```
#b22532
```
#b22532 rgb(178,37,50)
```
#bb1c2b
```
#bb1c2b rgb(187,28,43)
```
#c31424
```
#c31424 rgb(195,20,36)
```
#cb0c1d
```
#cb0c1d rgb(203,12,29)
```
#d40316
```
#d40316 rgb(212,3,22)
```

Tone Color Variation

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

#736a41 Protanopia 1% of men
#846520 Deuteranopia 1% of men
#c52320 Tritanopia 0.001% of the population

Trichromacy

#904a36 Protanomaly 1% of men, 0.01% of women
#9b4721 Deuteranomaly 6% of men, 0.4% of women
#c41d21 Tritanomaly 0.01% of the population

#c31424 hex color

#c31424 Color Information

#c31424 Color Conversion

Color Schemes with #c31424

Alternatives to #c31424

#c31424 Preview

Shades and Tints of #c31424

Tones of #c31424

Color Blindness Simulator