#c31e22 hex color

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

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

● #c31e22 color description : Strong red.

The hexadecimal color #c31e22 has RGB values of R:195, G:30, B:34 and CMYK values of C:0, M:0.85, Y:0.83, K:0.24. Its decimal value is 12787234.

Hex triplet	c31e22	`#c31e22`
RGB Decimal	195, 30, 34	`rgb(195,30,34)`
RGB Percent	76.5, 11.8, 13.3	`rgb(76.5%,11.8%,13.3%)`
CMYK	0, 85, 83, 24
HSL	358.5°, 73.3, 44.1	`hsl(358.5,73.3%,44.1%)`
HSV (or HSB)	358.5°, 84.6, 76.5
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.23, 61.757, 41.858
XYZ	23.26, 12.649, 2.73
xyY	0.602, 0.327, 12.649
CIE-LCH	42.23, 74.606, 34.129
CIE-LUV	42.23, 122.313, 25.446
Hunter-Lab	35.566, 54.499, 20.345
Binary	11000011, 00011110, 00100010

#c31e22
```
#c31e22 rgb(195,30,34)
```
#1ec3bf
```
#1ec3bf rgb(30,195,191)
```

Complementary Color

#c31e75
```
#c31e75 rgb(195,30,117)
```
#c31e22
```
#c31e22 rgb(195,30,34)
```
#c36d1e
```
#c36d1e rgb(195,109,30)
```

Analogous Color

#1e75c3
```
#1e75c3 rgb(30,117,195)
```
#c31e22
```
#c31e22 rgb(195,30,34)
```
#1ec36d
```
#1ec36d rgb(30,195,109)
```

Split Complementary Color

#1e22c3
```
#1e22c3 rgb(30,34,195)
```
#c31e22
```
#c31e22 rgb(195,30,34)
```
#22c31e
```
#22c31e rgb(34,195,30)
```

Triadic Color

#bf1ec3
```
#bf1ec3 rgb(191,30,195)
```
#c31e22
```
#c31e22 rgb(195,30,34)
```
#22c31e
```
#22c31e rgb(34,195,30)
```
#1ec3bf
```
#1ec3bf rgb(30,195,191)
```

Tetradic Color

#811416
```
#811416 rgb(129,20,22)
```
#97171a
```
#97171a rgb(151,23,26)
```
#ad1b1e
```
#ad1b1e rgb(173,27,30)
```
#c31e22
```
#c31e22 rgb(195,30,34)
```
#d92126
```
#d92126 rgb(217,33,38)
```
#e03438
```
#e03438 rgb(224,52,56)
```
#e34a4e
```
#e34a4e rgb(227,74,78)
```

Monochromatic Color

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

#c31e4b
```
#c31e4b rgb(195,30,75)
```
#c31e3d
```
#c31e3d rgb(195,30,61)
```
#c31e30
```
#c31e30 rgb(195,30,48)
```
#c31e22
```
#c31e22 rgb(195,30,34)
```
#c3281e
```
#c3281e rgb(195,40,30)
```
#c3361e
```
#c3361e rgb(195,54,30)
```
#c3431e
```
#c3431e rgb(195,67,30)
```

Similar Colors

Text with hexadecimal color #c31e22

This text has a font color of #c31e22.

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

#c31e22 background color

This paragraph has a background color of #c31e22.

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

#c31e22 border color

This element has a border color of #c31e22.

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

CSS codes

.text {color:#c31e22;}

.background {background-color:#c31e22;}

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

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

#080101
```
#080101 rgb(8,1,1)
```
#190404
```
#190404 rgb(25,4,4)
```
#2a0607
```
#2a0607 rgb(42,6,7)
```
#3b090a
```
#3b090a rgb(59,9,10)
```
#4c0c0d
```
#4c0c0d rgb(76,12,13)
```
#5d0e10
```
#5d0e10 rgb(93,14,16)
```
#6e1113
```
#6e1113 rgb(110,17,19)
```
#7f1416
```
#7f1416 rgb(127,20,22)
```
#901619
```
#901619 rgb(144,22,25)
```
#a1191c
```
#a1191c rgb(161,25,28)
```
#b21b1f
```
#b21b1f rgb(178,27,31)
```
#c31e22
```
#c31e22 rgb(195,30,34)
```
#d42125
```
#d42125 rgb(212,33,37)
```

Shade Color Variation

#de2a2e
```
#de2a2e rgb(222,42,46)
```
#e13b3f
```
#e13b3f rgb(225,59,63)
```
#e34c50
```
#e34c50 rgb(227,76,80)
```
#e65d60
```
#e65d60 rgb(230,93,96)
```
#e96e71
```
#e96e71 rgb(233,110,113)
```
#eb7f82
```
#eb7f82 rgb(235,127,130)
```
#ee9092
```
#ee9092 rgb(238,144,146)
```
#f1a1a3
```
#f1a1a3 rgb(241,161,163)
```
#f3b2b4
```
#f3b2b4 rgb(243,178,180)
```
#f6c3c4
```
#f6c3c4 rgb(246,195,196)
```
#f8d4d5
```
#f8d4d5 rgb(248,212,213)
```
#fbe5e6
```
#fbe5e6 rgb(251,229,230)
```
#fef6f6
```
#fef6f6 rgb(254,246,246)
```

Tint Color Variation

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

#756c6c
```
#756c6c rgb(117,108,108)
```
#7e6364
```
#7e6364 rgb(126,99,100)
```
#865b5c
```
#865b5c rgb(134,91,92)
```
#8f5253
```
#8f5253 rgb(143,82,83)
```
#98494b
```
#98494b rgb(152,73,75)
```
#a04143
```
#a04143 rgb(160,65,67)
```
#a9383b
```
#a9383b rgb(169,56,59)
```
#b22f32
```
#b22f32 rgb(178,47,50)
```
#ba272a
```
#ba272a rgb(186,39,42)
```
#c31e22
```
#c31e22 rgb(195,30,34)
```
#cc151a
```
#cc151a rgb(204,21,26)
```
#d40d12
```
#d40d12 rgb(212,13,18)
```
#dd0409
```
#dd0409 rgb(221,4,9)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#674647 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766b3d Protanopia 1% of men
#86661d Deuteranopia 1% of men
#c62a29 Tritanopia 0.001% of the population

Trichromacy

#924f33 Protanomaly 1% of men, 0.01% of women
#9c4c1f Deuteranomaly 6% of men, 0.4% of women
#c42526 Tritanomaly 0.01% of the population

#c31e22 hex color

#c31e22 Color Information

#c31e22 Color Conversion

Color Schemes with #c31e22

Alternatives to #c31e22

#c31e22 Preview

Shades and Tints of #c31e22

Tones of #c31e22

Color Blindness Simulator