#c31522 hex color

In a RGB color space, hex #c31522 is composed of 76.5% red, 8.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.2% magenta, 82.6% yellow and 23.5% black. It has a hue angle of 355.5 degrees, a saturation of 80.6% and a lightness of 42.4%. #c31522 color hex could be obtained by blending #ff2a44 with #870000. Closest websafe color is: #cc0033.

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

● #c31522 color description : Strong red.

The hexadecimal color #c31522 has RGB values of R:195, G:21, B:34 and CMYK values of C:0, M:0.89, Y:0.83, K:0.24. Its decimal value is 12784930.

Hex triplet	c31522	`#c31522`
RGB Decimal	195, 21, 34	`rgb(195,21,34)`
RGB Percent	76.5, 8.2, 13.3	`rgb(76.5%,8.2%,13.3%)`
CMYK	0, 89, 83, 24
HSL	355.5°, 80.6, 42.4	`hsl(355.5,80.6%,42.4%)`
HSV (or HSB)	355.5°, 89.2, 76.5
Web Safe	cc0033	`#cc0033`

CIE-LAB	41.622, 63.497, 41.281
XYZ	23.064, 12.257, 2.665
xyY	0.607, 0.323, 12.257
CIE-LCH	41.622, 75.736, 33.029
CIE-LUV	41.622, 125.222, 24.324
Hunter-Lab	35.01, 56.325, 19.994
Binary	11000011, 00010101, 00100010

#c31522
```
#c31522 rgb(195,21,34)
```
#15c3b6
```
#15c3b6 rgb(21,195,182)
```

Complementary Color

#c31579
```
#c31579 rgb(195,21,121)
```
#c31522
```
#c31522 rgb(195,21,34)
```
#c35f15
```
#c35f15 rgb(195,95,21)
```

Analogous Color

#1579c3
```
#1579c3 rgb(21,121,195)
```
#c31522
```
#c31522 rgb(195,21,34)
```
#15c35f
```
#15c35f rgb(21,195,95)
```

Split Complementary Color

#1522c3
```
#1522c3 rgb(21,34,195)
```
#c31522
```
#c31522 rgb(195,21,34)
```
#22c315
```
#22c315 rgb(34,195,21)
```

Triadic Color

#b615c3
```
#b615c3 rgb(182,21,195)
```
#c31522
```
#c31522 rgb(195,21,34)
```
#22c315
```
#22c315 rgb(34,195,21)
```
#15c3b6
```
#15c3b6 rgb(21,195,182)
```

Tetradic Color

#7e0e16
```
#7e0e16 rgb(126,14,22)
```
#95101a
```
#95101a rgb(149,16,26)
```
#ac131e
```
#ac131e rgb(172,19,30)
```
#c31522
```
#c31522 rgb(195,21,34)
```
#da1726
```
#da1726 rgb(218,23,38)
```
#e72432
```
#e72432 rgb(231,36,50)
```
#ea3b48
```
#ea3b48 rgb(234,59,72)
```

Monochromatic Color

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

#c3154d
```
#c3154d rgb(195,21,77)
```
#c3153f
```
#c3153f rgb(195,21,63)
```
#c31530
```
#c31530 rgb(195,21,48)
```
#c31522
```
#c31522 rgb(195,21,34)
```
#c31715
```
#c31715 rgb(195,23,21)
```
#c32515
```
#c32515 rgb(195,37,21)
```
#c33415
```
#c33415 rgb(195,52,21)
```

Similar Colors

Text with hexadecimal color #c31522

This text has a font color of #c31522.

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

#c31522 background color

This paragraph has a background color of #c31522.

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

#c31522 border color

This element has a border color of #c31522.

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

CSS codes

.text {color:#c31522;}

.background {background-color:#c31522;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#120203
```
#120203 rgb(18,2,3)
```
#240406
```
#240406 rgb(36,4,6)
```
#350609
```
#350609 rgb(53,6,9)
```
#47080c
```
#47080c rgb(71,8,12)
```
#590a0f
```
#590a0f rgb(89,10,15)
```
#6a0b13
```
#6a0b13 rgb(106,11,19)
```
#7c0d16
```
#7c0d16 rgb(124,13,22)
```
#8e0f19
```
#8e0f19 rgb(142,15,25)
```
#a0111c
```
#a0111c rgb(160,17,28)
```
#b1131f
```
#b1131f rgb(177,19,31)
```
#c31522
```
#c31522 rgb(195,21,34)
```
#d51725
```
#d51725 rgb(213,23,37)
```

Shade Color Variation

#e61928
```
#e61928 rgb(230,25,40)
```
#e82b39
```
#e82b39 rgb(232,43,57)
```
#ea3c49
```
#ea3c49 rgb(234,60,73)
```
#ec4e5a
```
#ec4e5a rgb(236,78,90)
```
#ee606a
```
#ee606a rgb(238,96,106)
```
#f0727b
```
#f0727b rgb(240,114,123)
```
#f2838c
```
#f2838c rgb(242,131,140)
```
#f4959c
```
#f4959c rgb(244,149,156)
```
#f5a7ad
```
#f5a7ad rgb(245,167,173)
```
#f7b8bd
```
#f7b8bd rgb(247,184,189)
```
#f9cace
```
#f9cace rgb(249,202,206)
```
#fbdcde
```
#fbdcde rgb(251,220,222)
```
#fdeeef
```
#fdeeef rgb(253,238,239)
```

Tint Color Variation

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

#706869
```
#706869 rgb(112,104,105)
```
#786062
```
#786062 rgb(120,96,98)
```
#81575b
```
#81575b rgb(129,87,91)
```
#894f53
```
#894f53 rgb(137,79,83)
```
#91474c
```
#91474c rgb(145,71,76)
```
#993f45
```
#993f45 rgb(153,63,69)
```
#a2363e
```
#a2363e rgb(162,54,62)
```
#aa2e37
```
#aa2e37 rgb(170,46,55)
```
#b22630
```
#b22630 rgb(178,38,48)
```
#bb1d29
```
#bb1d29 rgb(187,29,41)
```
#c31522
```
#c31522 rgb(195,21,34)
```
#cb0d1b
```
#cb0d1b rgb(203,13,27)
```
#d40414
```
#d40414 rgb(212,4,20)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#634043 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746a3f Protanopia 1% of men
#84651d Deuteranopia 1% of men
#c52321 Tritanopia 0.001% of the population

Trichromacy

#904b34 Protanomaly 1% of men, 0.01% of women
#9b481f Deuteranomaly 6% of men, 0.4% of women
#c41e21 Tritanomaly 0.01% of the population

#c31522 hex color

#c31522 Color Information

#c31522 Color Conversion

Color Schemes with #c31522

Alternatives to #c31522

#c31522 Preview

Shades and Tints of #c31522

Tones of #c31522

Color Blindness Simulator