#c31f3c hex color

In a RGB color space, hex #c31f3c is composed of 76.5% red, 12.2% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.1% magenta, 69.2% yellow and 23.5% black. It has a hue angle of 349.4 degrees, a saturation of 72.6% and a lightness of 44.3%. #c31f3c color hex could be obtained by blending #ff3e78 with #870000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 76
- G 12
- B 24
RGB color chart
- C 0
- M 84
- Y 69
- K 24
CMYK color chart

● #c31f3c color description : Strong red.

The hexadecimal color #c31f3c has RGB values of R:195, G:31, B:60 and CMYK values of C:0, M:0.84, Y:0.69, K:0.24. Its decimal value is 12787516.

Hex triplet	c31f3c	`#c31f3c`
RGB Decimal	195, 31, 60	`rgb(195,31,60)`
RGB Percent	76.5, 12.2, 23.5	`rgb(76.5%,12.2%,23.5%)`
CMYK	0, 84, 69, 24
HSL	349.4°, 72.6, 44.3	`hsl(349.4,72.6%,44.3%)`
HSV (or HSB)	349.4°, 84.1, 76.5
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.629, 62.492, 27.095
XYZ	23.812, 12.911, 5.513
xyY	0.564, 0.306, 12.911
CIE-LCH	42.629, 68.113, 23.44
CIE-LUV	42.629, 115.92, 15.632
Hunter-Lab	35.932, 55.411, 16.056
Binary	11000011, 00011111, 00111100

#c31f3c
```
#c31f3c rgb(195,31,60)
```
#1fc3a6
```
#1fc3a6 rgb(31,195,166)
```

Complementary Color

#c31f8e
```
#c31f8e rgb(195,31,142)
```
#c31f3c
```
#c31f3c rgb(195,31,60)
```
#c3541f
```
#c3541f rgb(195,84,31)
```

Analogous Color

#1f8ec3
```
#1f8ec3 rgb(31,142,195)
```
#c31f3c
```
#c31f3c rgb(195,31,60)
```
#1fc354
```
#1fc354 rgb(31,195,84)
```

Split Complementary Color

#1f3cc3
```
#1f3cc3 rgb(31,60,195)
```
#c31f3c
```
#c31f3c rgb(195,31,60)
```
#3cc31f
```
#3cc31f rgb(60,195,31)
```

Triadic Color

#a61fc3
```
#a61fc3 rgb(166,31,195)
```
#c31f3c
```
#c31f3c rgb(195,31,60)
```
#3cc31f
```
#3cc31f rgb(60,195,31)
```
#1fc3a6
```
#1fc3a6 rgb(31,195,166)
```

Tetradic Color

#811528
```
#811528 rgb(129,21,40)
```
#97182e
```
#97182e rgb(151,24,46)
```
#ad1c35
```
#ad1c35 rgb(173,28,53)
```
#c31f3c
```
#c31f3c rgb(195,31,60)
```
#d92243
```
#d92243 rgb(217,34,67)
```
#df3654
```
#df3654 rgb(223,54,84)
```
#e34c67
```
#e34c67 rgb(227,76,103)
```

Monochromatic Color

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

#c31f65
```
#c31f65 rgb(195,31,101)
```
#c31f57
```
#c31f57 rgb(195,31,87)
```
#c31f4a
```
#c31f4a rgb(195,31,74)
```
#c31f3c
```
#c31f3c rgb(195,31,60)
```
#c31f2e
```
#c31f2e rgb(195,31,46)
```
#c31f21
```
#c31f21 rgb(195,31,33)
```
#c32b1f
```
#c32b1f rgb(195,43,31)
```

Similar Colors

Text with hexadecimal color #c31f3c

This text has a font color of #c31f3c.

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

#c31f3c background color

This paragraph has a background color of #c31f3c.

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

#c31f3c border color

This element has a border color of #c31f3c.

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

CSS codes

.text {color:#c31f3c;}

.background {background-color:#c31f3c;}

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

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

#090103
```
#090103 rgb(9,1,3)
```
#1a0408
```
#1a0408 rgb(26,4,8)
```
#2b070d
```
#2b070d rgb(43,7,13)
```
#3c0912
```
#3c0912 rgb(60,9,18)
```
#4d0c18
```
#4d0c18 rgb(77,12,24)
```
#5d0f1d
```
#5d0f1d rgb(93,15,29)
```
#6e1222
```
#6e1222 rgb(110,18,34)
```
#7f1427
```
#7f1427 rgb(127,20,39)
```
#90172c
```
#90172c rgb(144,23,44)
```
#a11a32
```
#a11a32 rgb(161,26,50)
```
#b21c37
```
#b21c37 rgb(178,28,55)
```
#c31f3c
```
#c31f3c rgb(195,31,60)
```
#d42241
```
#d42241 rgb(212,34,65)
```

Shade Color Variation

#dd2c4b
```
#dd2c4b rgb(221,44,75)
```
#e03d5a
```
#e03d5a rgb(224,61,90)
```
#e34e68
```
#e34e68 rgb(227,78,104)
```
#e55f76
```
#e55f76 rgb(229,95,118)
```
#e87085
```
#e87085 rgb(232,112,133)
```
#eb8093
```
#eb8093 rgb(235,128,147)
```
#ee91a2
```
#ee91a2 rgb(238,145,162)
```
#f0a2b0
```
#f0a2b0 rgb(240,162,176)
```
#f3b3be
```
#f3b3be rgb(243,179,190)
```
#f6c4cd
```
#f6c4cd rgb(246,196,205)
```
#f8d5db
```
#f8d5db rgb(248,213,219)
```
#fbe6ea
```
#fbe6ea rgb(251,230,234)
```
#fef7f8
```
#fef7f8 rgb(254,247,248)
```

Tint Color Variation

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

#756d6f
```
#756d6f rgb(117,109,111)
```
#7d6569
```
#7d6569 rgb(125,101,105)
```
#865c63
```
#865c63 rgb(134,92,99)
```
#8f535e
```
#8f535e rgb(143,83,94)
```
#984a58
```
#984a58 rgb(152,74,88)
```
#a04252
```
#a04252 rgb(160,66,82)
```
#a9394d
```
#a9394d rgb(169,57,77)
```
#b23047
```
#b23047 rgb(178,48,71)
```
#ba2842
```
#ba2842 rgb(186,40,66)
```
#c31f3c
```
#c31f3c rgb(195,31,60)
```
#cc1636
```
#cc1636 rgb(204,22,54)
```
#d40e31
```
#d40e31 rgb(212,14,49)
```
#dd052b
```
#dd052b rgb(221,5,43)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#69494e Atypical Achromatopsia 0.001% of the population

Dichromacy

#726c5b Protanopia 1% of men
#84673b Deuteranopia 1% of men
#c52f30 Tritanopia 0.001% of the population

Trichromacy

#8f5050 Protanomaly 1% of men, 0.01% of women
#9b4d3b Deuteranomaly 6% of men, 0.4% of women
#c42934 Tritanomaly 0.01% of the population

#c31f3c hex color

#c31f3c Color Information

#c31f3c Color Conversion

Color Schemes with #c31f3c

Alternatives to #c31f3c

#c31f3c Preview

Shades and Tints of #c31f3c

Tones of #c31f3c

Color Blindness Simulator