#c31e2f hex color

In a RGB color space, hex #c31e2f is composed of 76.5% red, 11.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.6% magenta, 75.9% yellow and 23.5% black. It has a hue angle of 353.8 degrees, a saturation of 73.3% and a lightness of 44.1%. #c31e2f color hex could be obtained by blending #ff3c5e with #870000. Closest websafe color is: #cc3333.

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

● #c31e2f color description : Strong red.

The hexadecimal color #c31e2f has RGB values of R:195, G:30, B:47 and CMYK values of C:0, M:0.85, Y:0.76, K:0.24. Its decimal value is 12787247.

Hex triplet	c31e2f	`#c31e2f`
RGB Decimal	195, 30, 47	`rgb(195,30,47)`
RGB Percent	76.5, 11.8, 18.4	`rgb(76.5%,11.8%,18.4%)`
CMYK	0, 85, 76, 24
HSL	353.8°, 73.3, 44.1	`hsl(353.8,73.3%,44.1%)`
HSV (or HSB)	353.8°, 84.6, 76.5
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.367, 62.167, 34.641
XYZ	23.484, 12.739, 3.912
xyY	0.585, 0.317, 12.739
CIE-LCH	42.367, 71.167, 29.128
CIE-LUV	42.367, 119.659, 21.088
Hunter-Lab	35.692, 54.989, 18.486
Binary	11000011, 00011110, 00101111

#c31e2f
```
#c31e2f rgb(195,30,47)
```
#1ec3b2
```
#1ec3b2 rgb(30,195,178)
```

Complementary Color

#c31e82
```
#c31e82 rgb(195,30,130)
```
#c31e2f
```
#c31e2f rgb(195,30,47)
```
#c35f1e
```
#c35f1e rgb(195,95,30)
```

Analogous Color

#1e82c3
```
#1e82c3 rgb(30,130,195)
```
#c31e2f
```
#c31e2f rgb(195,30,47)
```
#1ec35f
```
#1ec35f rgb(30,195,95)
```

Split Complementary Color

#1e2fc3
```
#1e2fc3 rgb(30,47,195)
```
#c31e2f
```
#c31e2f rgb(195,30,47)
```
#2fc31e
```
#2fc31e rgb(47,195,30)
```

Triadic Color

#b21ec3
```
#b21ec3 rgb(178,30,195)
```
#c31e2f
```
#c31e2f rgb(195,30,47)
```
#2fc31e
```
#2fc31e rgb(47,195,30)
```
#1ec3b2
```
#1ec3b2 rgb(30,195,178)
```

Tetradic Color

#81141f
```
#81141f rgb(129,20,31)
```
#971724
```
#971724 rgb(151,23,36)
```
#ad1b2a
```
#ad1b2a rgb(173,27,42)
```
#c31e2f
```
#c31e2f rgb(195,30,47)
```
#d92134
```
#d92134 rgb(217,33,52)
```
#e03446
```
#e03446 rgb(224,52,70)
```
#e34a5a
```
#e34a5a rgb(227,74,90)
```

Monochromatic Color

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

#c31e58
```
#c31e58 rgb(195,30,88)
```
#c31e4b
```
#c31e4b rgb(195,30,75)
```
#c31e3d
```
#c31e3d rgb(195,30,61)
```
#c31e2f
```
#c31e2f rgb(195,30,47)
```
#c31e21
```
#c31e21 rgb(195,30,33)
```
#c3281e
```
#c3281e rgb(195,40,30)
```
#c3361e
```
#c3361e rgb(195,54,30)
```

Similar Colors

Text with hexadecimal color #c31e2f

This text has a font color of #c31e2f.

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

#c31e2f background color

This paragraph has a background color of #c31e2f.

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

#c31e2f border color

This element has a border color of #c31e2f.

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

CSS codes

.text {color:#c31e2f;}

.background {background-color:#c31e2f;}

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

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

#080102
```
#080102 rgb(8,1,2)
```
#190406
```
#190406 rgb(25,4,6)
```
#2a060a
```
#2a060a rgb(42,6,10)
```
#3b090e
```
#3b090e rgb(59,9,14)
```
#4c0c12
```
#4c0c12 rgb(76,12,18)
```
#5d0e16
```
#5d0e16 rgb(93,14,22)
```
#6e111b
```
#6e111b rgb(110,17,27)
```
#7f141f
```
#7f141f rgb(127,20,31)
```
#901623
```
#901623 rgb(144,22,35)
```
#a11927
```
#a11927 rgb(161,25,39)
```
#b21b2b
```
#b21b2b rgb(178,27,43)
```
#c31e2f
```
#c31e2f rgb(195,30,47)
```
#d42133
```
#d42133 rgb(212,33,51)
```

Shade Color Variation

#de2a3d
```
#de2a3d rgb(222,42,61)
```
#e13b4c
```
#e13b4c rgb(225,59,76)
```
#e34c5c
```
#e34c5c rgb(227,76,92)
```
#e65d6b
```
#e65d6b rgb(230,93,107)
```
#e96e7b
```
#e96e7b rgb(233,110,123)
```
#eb7f8a
```
#eb7f8a rgb(235,127,138)
```
#ee909a
```
#ee909a rgb(238,144,154)
```
#f1a1a9
```
#f1a1a9 rgb(241,161,169)
```
#f3b2b9
```
#f3b2b9 rgb(243,178,185)
```
#f6c3c8
```
#f6c3c8 rgb(246,195,200)
```
#f8d4d8
```
#f8d4d8 rgb(248,212,216)
```
#fbe5e7
```
#fbe5e7 rgb(251,229,231)
```
#fef6f7
```
#fef6f7 rgb(254,246,247)
```

Tint Color Variation

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

#756c6d
```
#756c6d rgb(117,108,109)
```
#7e6366
```
#7e6366 rgb(126,99,102)
```
#865b5f
```
#865b5f rgb(134,91,95)
```
#8f5258
```
#8f5258 rgb(143,82,88)
```
#984951
```
#984951 rgb(152,73,81)
```
#a0414a
```
#a0414a rgb(160,65,74)
```
#a93844
```
#a93844 rgb(169,56,68)
```
#b22f3d
```
#b22f3d rgb(178,47,61)
```
#ba2736
```
#ba2736 rgb(186,39,54)
```
#c31e2f
```
#c31e2f rgb(195,30,47)
```
#cc1528
```
#cc1528 rgb(204,21,40)
```
#d40d21
```
#d40d21 rgb(212,13,33)
```
#dd041a
```
#dd041a rgb(221,4,26)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#68474a Atypical Achromatopsia 0.001% of the population

Dichromacy

#746b4c Protanopia 1% of men
#85672d Deuteranopia 1% of men
#c52c2c Tritanopia 0.001% of the population

Trichromacy

#914f42 Protanomaly 1% of men, 0.01% of women
#9b4c2e Deuteranomaly 6% of men, 0.4% of women
#c4272d Tritanomaly 0.01% of the population

#c31e2f hex color

#c31e2f Color Information

#c31e2f Color Conversion

Color Schemes with #c31e2f

Alternatives to #c31e2f

#c31e2f Preview

Shades and Tints of #c31e2f

Tones of #c31e2f

Color Blindness Simulator