#c31418 hex color

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

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

● #c31418 color description : Strong red.

The hexadecimal color #c31418 has RGB values of R:195, G:20, B:24 and CMYK values of C:0, M:0.9, Y:0.88, K:0.24. Its decimal value is 12784664.

Hex triplet	c31418	`#c31418`
RGB Decimal	195, 20, 24	`rgb(195,20,24)`
RGB Percent	76.5, 7.8, 9.4	`rgb(76.5%,7.8%,9.4%)`
CMYK	0, 90, 88, 24
HSL	358.6°, 81.4, 42.2	`hsl(358.6,81.4%,42.2%)`
HSV (or HSB)	358.6°, 89.7, 76.5
Web Safe	cc0000	`#cc0000`

CIE-LAB	41.487, 63.435, 46.288
XYZ	22.922, 12.171, 2.007
xyY	0.618, 0.328, 12.171
CIE-LCH	41.487, 78.528, 36.118
CIE-LUV	41.487, 127.093, 26.732
Hunter-Lab	34.887, 56.226, 21.011
Binary	11000011, 00010100, 00011000

#c31418
```
#c31418 rgb(195,20,24)
```
#14c3bf
```
#14c3bf rgb(20,195,191)
```

Complementary Color

#c31470
```
#c31470 rgb(195,20,112)
```
#c31418
```
#c31418 rgb(195,20,24)
```
#c36814
```
#c36814 rgb(195,104,20)
```

Analogous Color

#1470c3
```
#1470c3 rgb(20,112,195)
```
#c31418
```
#c31418 rgb(195,20,24)
```
#14c368
```
#14c368 rgb(20,195,104)
```

Split Complementary Color

#1418c3
```
#1418c3 rgb(20,24,195)
```
#c31418
```
#c31418 rgb(195,20,24)
```
#18c314
```
#18c314 rgb(24,195,20)
```

Triadic Color

#bf14c3
```
#bf14c3 rgb(191,20,195)
```
#c31418
```
#c31418 rgb(195,20,24)
```
#18c314
```
#18c314 rgb(24,195,20)
```
#14c3bf
```
#14c3bf rgb(20,195,191)
```

Tetradic Color

#7e0d0f
```
#7e0d0f rgb(126,13,15)
```
#950f12
```
#950f12 rgb(149,15,18)
```
#ac1215
```
#ac1215 rgb(172,18,21)
```
#c31418
```
#c31418 rgb(195,20,24)
```
#da161b
```
#da161b rgb(218,22,27)
```
#e82226
```
#e82226 rgb(232,34,38)
```
#eb393d
```
#eb393d rgb(235,57,61)
```

Monochromatic Color

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

#c31444
```
#c31444 rgb(195,20,68)
```
#c31435
```
#c31435 rgb(195,20,53)
```
#c31427
```
#c31427 rgb(195,20,39)
```
#c31418
```
#c31418 rgb(195,20,24)
```
#c31f14
```
#c31f14 rgb(195,31,20)
```
#c32d14
```
#c32d14 rgb(195,45,20)
```
#c33c14
```
#c33c14 rgb(195,60,20)
```

Similar Colors

Text with hexadecimal color #c31418

This text has a font color of #c31418.

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

#c31418 background color

This paragraph has a background color of #c31418.

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

#c31418 border color

This element has a border color of #c31418.

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

CSS codes

.text {color:#c31418;}

.background {background-color:#c31418;}

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

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

#110202
```
#110202 rgb(17,2,2)
```
#230404
```
#230404 rgb(35,4,4)
```
#350506
```
#350506 rgb(53,5,6)
```
#460709
```
#460709 rgb(70,7,9)
```
#58090b
```
#58090b rgb(88,9,11)
```
#6a0b0d
```
#6a0b0d rgb(106,11,13)
```
#7c0d0f
```
#7c0d0f rgb(124,13,15)
```
#8e0f11
```
#8e0f11 rgb(142,15,17)
```
#9f1014
```
#9f1014 rgb(159,16,20)
```
#b11216
```
#b11216 rgb(177,18,22)
```
#c31418
```
#c31418 rgb(195,20,24)
```
#d5161a
```
#d5161a rgb(213,22,26)
```
#e7181c
```
#e7181c rgb(231,24,28)
```

Shade Color Variation

#e9292d
```
#e9292d rgb(233,41,45)
```
#eb3b3f
```
#eb3b3f rgb(235,59,63)
```
#ed4c50
```
#ed4c50 rgb(237,76,80)
```
#ef5e61
```
#ef5e61 rgb(239,94,97)
```
#f07073
```
#f07073 rgb(240,112,115)
```
#f28284
```
#f28284 rgb(242,130,132)
```
#f49496
```
#f49496 rgb(244,148,150)
```
#f6a5a7
```
#f6a5a7 rgb(246,165,167)
```
#f8b7b9
```
#f8b7b9 rgb(248,183,185)
```
#f9c9ca
```
#f9c9ca rgb(249,201,202)
```
#fbdbdb
```
#fbdbdb rgb(251,219,219)
```
#fdeded
```
#fdeded rgb(253,237,237)
```
#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 #d40308 is the most saturated one.

#706767
```
#706767 rgb(112,103,103)
```
#795e5f
```
#795e5f rgb(121,94,95)
```
#815657
```
#815657 rgb(129,86,87)
```
#894e4f
```
#894e4f rgb(137,78,79)
```
#914647
```
#914647 rgb(145,70,71)
```
#9a3d3f
```
#9a3d3f rgb(154,61,63)
```
#a23538
```
#a23538 rgb(162,53,56)
```
#aa2d30
```
#aa2d30 rgb(170,45,48)
```
#b22528
```
#b22528 rgb(178,37,40)
```
#bb1c20
```
#bb1c20 rgb(187,28,32)
```
#c31418
```
#c31418 rgb(195,20,24)
```
#cb0c10
```
#cb0c10 rgb(203,12,16)
```
#d40308
```
#d40308 rgb(212,3,8)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#613e3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#756a33 Protanopia 1% of men
#846400 Deuteranopia 1% of men
#c6211e Tritanopia 0.001% of the population

Trichromacy

#914a29 Protanomaly 1% of men, 0.01% of women
#9b4708 Deuteranomaly 6% of men, 0.4% of women
#c41c1b Tritanomaly 0.01% of the population

#c31418 hex color

#c31418 Color Information

#c31418 Color Conversion

Color Schemes with #c31418

Alternatives to #c31418

#c31418 Preview

Shades and Tints of #c31418

Tones of #c31418

Color Blindness Simulator