#c31022 hex color

In a RGB color space, hex #c31022 is composed of 76.5% red, 6.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.8% magenta, 82.6% yellow and 23.5% black. It has a hue angle of 354 degrees, a saturation of 84.8% and a lightness of 41.4%. #c31022 color hex could be obtained by blending #ff2044 with #870000. Closest websafe color is: #cc0033.

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

● #c31022 color description : Strong red.

The hexadecimal color #c31022 has RGB values of R:195, G:16, B:34 and CMYK values of C:0, M:0.92, Y:0.83, K:0.24. Its decimal value is 12783650.

Hex triplet	c31022	`#c31022`
RGB Decimal	195, 16, 34	`rgb(195,16,34)`
RGB Percent	76.5, 6.3, 13.3	`rgb(76.5%,6.3%,13.3%)`
CMYK	0, 92, 83, 24
HSL	354°, 84.8, 41.4	`hsl(354,84.8%,41.4%)`
HSV (or HSB)	354°, 91.8, 76.5
Web Safe	cc0033	`#cc0033`

CIE-LAB	41.361, 64.247, 41.032
XYZ	22.981, 12.091, 2.637
xyY	0.609, 0.321, 12.091
CIE-LCH	41.361, 76.232, 32.565
CIE-LUV	41.361, 126.481, 23.841
Hunter-Lab	34.772, 57.118, 19.844
Binary	11000011, 00010000, 00100010

#c31022
```
#c31022 rgb(195,16,34)
```
#10c3b1
```
#10c3b1 rgb(16,195,177)
```

Complementary Color

#c3107c
```
#c3107c rgb(195,16,124)
```
#c31022
```
#c31022 rgb(195,16,34)
```
#c35810
```
#c35810 rgb(195,88,16)
```

Analogous Color

#107cc3
```
#107cc3 rgb(16,124,195)
```
#c31022
```
#c31022 rgb(195,16,34)
```
#10c358
```
#10c358 rgb(16,195,88)
```

Split Complementary Color

#1022c3
```
#1022c3 rgb(16,34,195)
```
#c31022
```
#c31022 rgb(195,16,34)
```
#22c310
```
#22c310 rgb(34,195,16)
```

Triadic Color

#b110c3
```
#b110c3 rgb(177,16,195)
```
#c31022
```
#c31022 rgb(195,16,34)
```
#22c310
```
#22c310 rgb(34,195,16)
```
#10c3b1
```
#10c3b1 rgb(16,195,177)
```

Tetradic Color

#7c0a16
```
#7c0a16 rgb(124,10,22)
```
#940c1a
```
#940c1a rgb(148,12,26)
```
#ab0e1e
```
#ab0e1e rgb(171,14,30)
```
#c31022
```
#c31022 rgb(195,16,34)
```
#db1226
```
#db1226 rgb(219,18,38)
```
#ec1a2f
```
#ec1a2f rgb(236,26,47)
```
#ee3144
```
#ee3144 rgb(238,49,68)
```

Monochromatic Color

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

#c3104f
```
#c3104f rgb(195,16,79)
```
#c31040
```
#c31040 rgb(195,16,64)
```
#c31031
```
#c31031 rgb(195,16,49)
```
#c31022
```
#c31022 rgb(195,16,34)
```
#c31013
```
#c31013 rgb(195,16,19)
```
#c31c10
```
#c31c10 rgb(195,28,16)
```
#c32b10
```
#c32b10 rgb(195,43,16)
```

Similar Colors

Text with hexadecimal color #c31022

This text has a font color of #c31022.

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

#c31022 background color

This paragraph has a background color of #c31022.

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

#c31022 border color

This element has a border color of #c31022.

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

CSS codes

.text {color:#c31022;}

.background {background-color:#c31022;}

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

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, #0e0102 is the darkest color, while #fffbfb is the lightest one.

#0e0102
```
#0e0102 rgb(14,1,2)
```
#200306
```
#200306 rgb(32,3,6)
```
#320409
```
#320409 rgb(50,4,9)
```
#44060c
```
#44060c rgb(68,6,12)
```
#56070f
```
#56070f rgb(86,7,15)
```
#680912
```
#680912 rgb(104,9,18)
```
#7a0a15
```
#7a0a15 rgb(122,10,21)
```
#8d0c19
```
#8d0c19 rgb(141,12,25)
```
#9f0d1c
```
#9f0d1c rgb(159,13,28)
```
#b10f1f
```
#b10f1f rgb(177,15,31)
```
#c31022
```
#c31022 rgb(195,16,34)
```
#d51125
```
#d51125 rgb(213,17,37)
```
#e71328
```
#e71328 rgb(231,19,40)
```

Shade Color Variation

#ed2136
```
#ed2136 rgb(237,33,54)
```
#ee3346
```
#ee3346 rgb(238,51,70)
```
#f04556
```
#f04556 rgb(240,69,86)
```
#f15767
```
#f15767 rgb(241,87,103)
```
#f36a77
```
#f36a77 rgb(243,106,119)
```
#f47c88
```
#f47c88 rgb(244,124,136)
```
#f68e98
```
#f68e98 rgb(246,142,152)
```
#f7a0a9
```
#f7a0a9 rgb(247,160,169)
```
#f9b2b9
```
#f9b2b9 rgb(249,178,185)
```
#fac4ca
```
#fac4ca rgb(250,196,202)
```
#fcd6da
```
#fcd6da rgb(252,214,218)
```
#fde8eb
```
#fde8eb rgb(253,232,235)
```
#fffbfb
```
#fffbfb rgb(255,251,251)
```

Tint Color Variation

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

#6a6969
```
#6a6969 rgb(106,105,105)
```
#726163
```
#726163 rgb(114,97,99)
```
#7a595c
```
#7a595c rgb(122,89,92)
```
#825156
```
#825156 rgb(130,81,86)
```
#8a494f
```
#8a494f rgb(138,73,79)
```
#924149
```
#924149 rgb(146,65,73)
```
#9a3942
```
#9a3942 rgb(154,57,66)
```
#a3303c
```
#a3303c rgb(163,48,60)
```
#ab2835
```
#ab2835 rgb(171,40,53)
```
#b3202f
```
#b3202f rgb(179,32,47)
```
#bb1828
```
#bb1828 rgb(187,24,40)
```
#c31022
```
#c31022 rgb(195,16,34)
```
#cb081c
```
#cb081c rgb(203,8,28)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#613d40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73693f Protanopia 1% of men
#83641d Deuteranopia 1% of men
#c51f1c Tritanopia 0.001% of the population

Trichromacy

#904934 Protanomaly 1% of men, 0.01% of women
#9a451f Deuteranomaly 6% of men, 0.4% of women
#c41a1e Tritanomaly 0.01% of the population

#c31022 hex color

#c31022 Color Information

#c31022 Color Conversion

Color Schemes with #c31022

Alternatives to #c31022

#c31022 Preview

Shades and Tints of #c31022

Tones of #c31022

Color Blindness Simulator