#c51f30 hex color

In a RGB color space, hex #c51f30 is composed of 77.3% red, 12.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.3% magenta, 75.6% yellow and 22.7% black. It has a hue angle of 353.9 degrees, a saturation of 72.8% and a lightness of 44.7%. #c51f30 color hex could be obtained by blending #ff3e60 with #8b0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 77
- G 12
- B 19
RGB color chart
- C 0
- M 84
- Y 76
- K 23
CMYK color chart

● #c51f30 color description : Strong red.

The hexadecimal color #c51f30 has RGB values of R:197, G:31, B:48 and CMYK values of C:0, M:0.84, Y:0.76, K:0.23. Its decimal value is 12918576.

Hex triplet	c51f30	`#c51f30`
RGB Decimal	197, 31, 48	`rgb(197,31,48)`
RGB Percent	77.3, 12.2, 18.8	`rgb(77.3%,12.2%,18.8%)`
CMYK	0, 84, 76, 23
HSL	353.9°, 72.8, 44.7	`hsl(353.9,72.8%,44.7%)`
HSV (or HSB)	353.9°, 84.3, 77.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.864, 62.529, 34.716
XYZ	24.051, 13.067, 4.052
xyY	0.584, 0.317, 13.067
CIE-LCH	42.864, 71.52, 29.039
CIE-LUV	42.864, 120.615, 21.236
Hunter-Lab	36.148, 55.504, 18.658
Binary	11000101, 00011111, 00110000

#c51f30
```
#c51f30 rgb(197,31,48)
```
#1fc5b4
```
#1fc5b4 rgb(31,197,180)
```

Complementary Color

#c51f83
```
#c51f83 rgb(197,31,131)
```
#c51f30
```
#c51f30 rgb(197,31,48)
```
#c5611f
```
#c5611f rgb(197,97,31)
```

Analogous Color

#1f83c5
```
#1f83c5 rgb(31,131,197)
```
#c51f30
```
#c51f30 rgb(197,31,48)
```
#1fc561
```
#1fc561 rgb(31,197,97)
```

Split Complementary Color

#1f30c5
```
#1f30c5 rgb(31,48,197)
```
#c51f30
```
#c51f30 rgb(197,31,48)
```
#30c51f
```
#30c51f rgb(48,197,31)
```

Triadic Color

#b41fc5
```
#b41fc5 rgb(180,31,197)
```
#c51f30
```
#c51f30 rgb(197,31,48)
```
#30c51f
```
#30c51f rgb(48,197,31)
```
#1fc5b4
```
#1fc5b4 rgb(31,197,180)
```

Tetradic Color

#831520
```
#831520 rgb(131,21,32)
```
#991825
```
#991825 rgb(153,24,37)
```
#af1c2b
```
#af1c2b rgb(175,28,43)
```
#c51f30
```
#c51f30 rgb(197,31,48)
```
#db2235
```
#db2235 rgb(219,34,53)
```
#e03749
```
#e03749 rgb(224,55,73)
```
#e34d5d
```
#e34d5d rgb(227,77,93)
```

Monochromatic Color

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

#c51f5a
```
#c51f5a rgb(197,31,90)
```
#c51f4c
```
#c51f4c rgb(197,31,76)
```
#c51f3e
```
#c51f3e rgb(197,31,62)
```
#c51f30
```
#c51f30 rgb(197,31,48)
```
#c51f22
```
#c51f22 rgb(197,31,34)
```
#c52a1f
```
#c52a1f rgb(197,42,31)
```
#c5381f
```
#c5381f rgb(197,56,31)
```

Similar Colors

Text with hexadecimal color #c51f30

This text has a font color of #c51f30.

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

#c51f30 background color

This paragraph has a background color of #c51f30.

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

#c51f30 border color

This element has a border color of #c51f30.

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

CSS codes

.text {color:#c51f30;}

.background {background-color:#c51f30;}

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

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

#0b0203
```
#0b0203 rgb(11,2,3)
```
#1c0407
```
#1c0407 rgb(28,4,7)
```
#2c070b
```
#2c070b rgb(44,7,11)
```
#3d0a0f
```
#3d0a0f rgb(61,10,15)
```
#4e0c13
```
#4e0c13 rgb(78,12,19)
```
#5f0f17
```
#5f0f17 rgb(95,15,23)
```
#70121b
```
#70121b rgb(112,18,27)
```
#81141f
```
#81141f rgb(129,20,31)
```
#921724
```
#921724 rgb(146,23,36)
```
#a31a28
```
#a31a28 rgb(163,26,40)
```
#b41c2c
```
#b41c2c rgb(180,28,44)
```
#c51f30
```
#c51f30 rgb(197,31,48)
```
#d62234
```
#d62234 rgb(214,34,52)
```

Shade Color Variation

#de2d3f
```
#de2d3f rgb(222,45,63)
```
#e13e4f
```
#e13e4f rgb(225,62,79)
```
#e34f5e
```
#e34f5e rgb(227,79,94)
```
#e6606e
```
#e6606e rgb(230,96,110)
```
#e9717d
```
#e9717d rgb(233,113,125)
```
#eb828d
```
#eb828d rgb(235,130,141)
```
#ee939c
```
#ee939c rgb(238,147,156)
```
#f1a4ac
```
#f1a4ac rgb(241,164,172)
```
#f3b5bb
```
#f3b5bb rgb(243,181,187)
```
#f6c6cb
```
#f6c6cb rgb(246,198,203)
```
#f9d7da
```
#f9d7da rgb(249,215,218)
```
#fbe8ea
```
#fbe8ea rgb(251,232,234)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Tint Color Variation

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

#766e6f
```
#766e6f rgb(118,110,111)
```
#7f6568
```
#7f6568 rgb(127,101,104)
```
#885c61
```
#885c61 rgb(136,92,97)
```
#90545a
```
#90545a rgb(144,84,90)
```
#994b53
```
#994b53 rgb(153,75,83)
```
#a2424c
```
#a2424c rgb(162,66,76)
```
#ab3945
```
#ab3945 rgb(171,57,69)
```
#b3313e
```
#b3313e rgb(179,49,62)
```
#bc2837
```
#bc2837 rgb(188,40,55)
```
#c51f30
```
#c51f30 rgb(197,31,48)
```
#ce1629
```
#ce1629 rgb(206,22,41)
```
#d70d22
```
#d70d22 rgb(215,13,34)
```
#df051b
```
#df051b rgb(223,5,27)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#6a494c Atypical Achromatopsia 0.001% of the population

Dichromacy

#756d4e Protanopia 1% of men
#86682e Deuteranopia 1% of men
#c72d2d Tritanopia 0.001% of the population

Trichromacy

#925043 Protanomaly 1% of men, 0.01% of women
#9d4d2f Deuteranomaly 6% of men, 0.4% of women
#c6282e Tritanomaly 0.01% of the population

#c51f30 hex color

#c51f30 Color Information

#c51f30 Color Conversion

Color Schemes with #c51f30

Alternatives to #c51f30

#c51f30 Preview

Shades and Tints of #c51f30

Tones of #c51f30

Color Blindness Simulator