#c31421 hex color

In a RGB color space, hex #c31421 is composed of 76.5% red, 7.8% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.7% magenta, 83.1% yellow and 23.5% black. It has a hue angle of 355.5 degrees, a saturation of 81.4% and a lightness of 42.2%. #c31421 color hex could be obtained by blending #ff2842 with #870000. Closest websafe color is: #cc0033.

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

● #c31421 color description : Strong red.

The hexadecimal color #c31421 has RGB values of R:195, G:20, B:33 and CMYK values of C:0, M:0.9, Y:0.83, K:0.24. Its decimal value is 12784673.

Hex triplet	c31421	`#c31421`
RGB Decimal	195, 20, 33	`rgb(195,20,33)`
RGB Percent	76.5, 7.8, 12.9	`rgb(76.5%,7.8%,12.9%)`
CMYK	0, 90, 83, 24
HSL	355.5°, 81.4, 42.2	`hsl(355.5,81.4%,42.2%)`
HSV (or HSB)	355.5°, 89.7, 76.5
Web Safe	cc0033	`#cc0033`

CIE-LAB	41.556, 63.633, 41.761
XYZ	23.032, 12.215, 2.584
xyY	0.609, 0.323, 12.215
CIE-LCH	41.556, 76.113, 33.276
CIE-LUV	41.556, 125.676, 24.505
Hunter-Lab	34.95, 56.465, 20.082
Binary	11000011, 00010100, 00100001

#c31421
```
#c31421 rgb(195,20,33)
```
#14c3b6
```
#14c3b6 rgb(20,195,182)
```

Complementary Color

#c31479
```
#c31479 rgb(195,20,121)
```
#c31421
```
#c31421 rgb(195,20,33)
```
#c35f14
```
#c35f14 rgb(195,95,20)
```

Analogous Color

#1479c3
```
#1479c3 rgb(20,121,195)
```
#c31421
```
#c31421 rgb(195,20,33)
```
#14c35f
```
#14c35f rgb(20,195,95)
```

Split Complementary Color

#1421c3
```
#1421c3 rgb(20,33,195)
```
#c31421
```
#c31421 rgb(195,20,33)
```
#21c314
```
#21c314 rgb(33,195,20)
```

Triadic Color

#b614c3
```
#b614c3 rgb(182,20,195)
```
#c31421
```
#c31421 rgb(195,20,33)
```
#21c314
```
#21c314 rgb(33,195,20)
```
#14c3b6
```
#14c3b6 rgb(20,195,182)
```

Tetradic Color

#7e0d15
```
#7e0d15 rgb(126,13,21)
```
#950f19
```
#950f19 rgb(149,15,25)
```
#ac121d
```
#ac121d rgb(172,18,29)
```
#c31421
```
#c31421 rgb(195,20,33)
```
#da1625
```
#da1625 rgb(218,22,37)
```
#e82230
```
#e82230 rgb(232,34,48)
```
#eb3946
```
#eb3946 rgb(235,57,70)
```

Monochromatic Color

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

#c3144d
```
#c3144d rgb(195,20,77)
```
#c3143e
```
#c3143e rgb(195,20,62)
```
#c31430
```
#c31430 rgb(195,20,48)
```
#c31421
```
#c31421 rgb(195,20,33)
```
#c31614
```
#c31614 rgb(195,22,20)
```
#c32414
```
#c32414 rgb(195,36,20)
```
#c33314
```
#c33314 rgb(195,51,20)
```

Similar Colors

Text with hexadecimal color #c31421

This text has a font color of #c31421.

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

#c31421 background color

This paragraph has a background color of #c31421.

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

#c31421 border color

This element has a border color of #c31421.

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

CSS codes

.text {color:#c31421;}

.background {background-color:#c31421;}

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

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

#110203
```
#110203 rgb(17,2,3)
```
#230406
```
#230406 rgb(35,4,6)
```
#350509
```
#350509 rgb(53,5,9)
```
#46070c
```
#46070c rgb(70,7,12)
```
#58090f
```
#58090f rgb(88,9,15)
```
#6a0b12
```
#6a0b12 rgb(106,11,18)
```
#7c0d15
```
#7c0d15 rgb(124,13,21)
```
#8e0f18
```
#8e0f18 rgb(142,15,24)
```
#9f101b
```
#9f101b rgb(159,16,27)
```
#b1121e
```
#b1121e rgb(177,18,30)
```
#c31421
```
#c31421 rgb(195,20,33)
```
#d51624
```
#d51624 rgb(213,22,36)
```
#e71827
```
#e71827 rgb(231,24,39)
```

Shade Color Variation

#e92937
```
#e92937 rgb(233,41,55)
```
#eb3b48
```
#eb3b48 rgb(235,59,72)
```
#ed4c58
```
#ed4c58 rgb(237,76,88)
```
#ef5e69
```
#ef5e69 rgb(239,94,105)
```
#f0707a
```
#f0707a rgb(240,112,122)
```
#f2828a
```
#f2828a rgb(242,130,138)
```
#f4949b
```
#f4949b rgb(244,148,155)
```
#f6a5ab
```
#f6a5ab rgb(246,165,171)
```
#f8b7bc
```
#f8b7bc rgb(248,183,188)
```
#f9c9cd
```
#f9c9cd rgb(249,201,205)
```
#fbdbdd
```
#fbdbdd rgb(251,219,221)
```
#fdedee
```
#fdedee rgb(253,237,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#706767
```
#706767 rgb(112,103,103)
```
#795e60
```
#795e60 rgb(121,94,96)
```
#815659
```
#815659 rgb(129,86,89)
```
#894e52
```
#894e52 rgb(137,78,82)
```
#91464b
```
#91464b rgb(145,70,75)
```
#9a3d44
```
#9a3d44 rgb(154,61,68)
```
#a2353d
```
#a2353d rgb(162,53,61)
```
#aa2d36
```
#aa2d36 rgb(170,45,54)
```
#b2252f
```
#b2252f rgb(178,37,47)
```
#bb1c28
```
#bb1c28 rgb(187,28,40)
```
#c31421
```
#c31421 rgb(195,20,33)
```
#cb0c1a
```
#cb0c1a rgb(203,12,26)
```
#d40313
```
#d40313 rgb(212,3,19)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#623f42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746a3d Protanopia 1% of men
#84651c Deuteranopia 1% of men
#c52220 Tritanopia 0.001% of the population

Trichromacy

#904a33 Protanomaly 1% of men, 0.01% of women
#9b471d Deuteranomaly 6% of men, 0.4% of women
#c41d20 Tritanomaly 0.01% of the population

#c31421 hex color

#c31421 Color Information

#c31421 Color Conversion

Color Schemes with #c31421

Alternatives to #c31421

#c31421 Preview

Shades and Tints of #c31421

Tones of #c31421

Color Blindness Simulator