#c71228 hex color

In a RGB color space, hex #c71228 is composed of 78% red, 7.1% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91% magenta, 79.9% yellow and 22% black. It has a hue angle of 352.7 degrees, a saturation of 83.4% and a lightness of 42.5%. #c71228 color hex could be obtained by blending #ff2450 with #8f0000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 78
- G 7
- B 16
RGB color chart
- C 0
- M 91
- Y 80
- K 22
CMYK color chart

● #c71228 color description : Strong red.

The hexadecimal color #c71228 has RGB values of R:199, G:18, B:40 and CMYK values of C:0, M:0.91, Y:0.8, K:0.22. Its decimal value is 13046312.

Hex triplet	c71228	`#c71228`
RGB Decimal	199, 18, 40	`rgb(199,18,40)`
RGB Percent	78, 7.1, 15.7	`rgb(78%,7.1%,15.7%)`
CMYK	0, 91, 80, 22
HSL	352.7°, 83.4, 42.5	`hsl(352.7,83.4%,42.5%)`
HSV (or HSB)	352.7°, 91, 78
Web Safe	cc0033	`#cc0033`

CIE-LAB	42.355, 65.172, 38.938
XYZ	24.154, 12.731, 3.193
xyY	0.603, 0.318, 12.731
CIE-LCH	42.355, 75.918, 30.857
CIE-LUV	42.355, 127.818, 22.9
Hunter-Lab	35.681, 58.393, 19.671
Binary	11000111, 00010010, 00101000

#c71228
```
#c71228 rgb(199,18,40)
```
#12c7b1
```
#12c7b1 rgb(18,199,177)
```

Complementary Color

#c71283
```
#c71283 rgb(199,18,131)
```
#c71228
```
#c71228 rgb(199,18,40)
```
#c75612
```
#c75612 rgb(199,86,18)
```

Analogous Color

#1283c7
```
#1283c7 rgb(18,131,199)
```
#c71228
```
#c71228 rgb(199,18,40)
```
#12c756
```
#12c756 rgb(18,199,86)
```

Split Complementary Color

#1228c7
```
#1228c7 rgb(18,40,199)
```
#c71228
```
#c71228 rgb(199,18,40)
```
#28c712
```
#28c712 rgb(40,199,18)
```

Triadic Color

#b112c7
```
#b112c7 rgb(177,18,199)
```
#c71228
```
#c71228 rgb(199,18,40)
```
#28c712
```
#28c712 rgb(40,199,18)
```
#12c7b1
```
#12c7b1 rgb(18,199,177)
```

Tetradic Color

#810c1a
```
#810c1a rgb(129,12,26)
```
#980e1f
```
#980e1f rgb(152,14,31)
```
#b01023
```
#b01023 rgb(176,16,35)
```
#c71228
```
#c71228 rgb(199,18,40)
```
#de142d
```
#de142d rgb(222,20,45)
```
#eb213a
```
#eb213a rgb(235,33,58)
```
#ed384e
```
#ed384e rgb(237,56,78)
```

Monochromatic Color

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

#c71255
```
#c71255 rgb(199,18,85)
```
#c71246
```
#c71246 rgb(199,18,70)
```
#c71237
```
#c71237 rgb(199,18,55)
```
#c71228
```
#c71228 rgb(199,18,40)
```
#c71219
```
#c71219 rgb(199,18,25)
```
#c71a12
```
#c71a12 rgb(199,26,18)
```
#c72912
```
#c72912 rgb(199,41,18)
```

Similar Colors

Text with hexadecimal color #c71228

This text has a font color of #c71228.

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

#c71228 background color

This paragraph has a background color of #c71228.

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

#c71228 border color

This element has a border color of #c71228.

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

CSS codes

.text {color:#c71228;}

.background {background-color:#c71228;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130204
```
#130204 rgb(19,2,4)
```
#250307
```
#250307 rgb(37,3,7)
```
#37050b
```
#37050b rgb(55,5,11)
```
#49070f
```
#49070f rgb(73,7,15)
```
#5b0812
```
#5b0812 rgb(91,8,18)
```
#6d0a16
```
#6d0a16 rgb(109,10,22)
```
#7f0b1a
```
#7f0b1a rgb(127,11,26)
```
#910d1d
```
#910d1d rgb(145,13,29)
```
#a30f21
```
#a30f21 rgb(163,15,33)
```
#b51024
```
#b51024 rgb(181,16,36)
```
#c71228
```
#c71228 rgb(199,18,40)
```
#d9142c
```
#d9142c rgb(217,20,44)
```

Shade Color Variation

#ea1630
```
#ea1630 rgb(234,22,48)
```
#ec2840
```
#ec2840 rgb(236,40,64)
```
#ed3a50
```
#ed3a50 rgb(237,58,80)
```
#ef4c60
```
#ef4c60 rgb(239,76,96)
```
#f05e70
```
#f05e70 rgb(240,94,112)
```
#f27080
```
#f27080 rgb(242,112,128)
```
#f48290
```
#f48290 rgb(244,130,144)
```
#f594a0
```
#f594a0 rgb(245,148,160)
```
#f7a6b0
```
#f7a6b0 rgb(247,166,176)
```
#f9b8c0
```
#f9b8c0 rgb(249,184,192)
```
#facad0
```
#facad0 rgb(250,202,208)
```
#fcdce0
```
#fcdce0 rgb(252,220,224)
```
#fdeef0
```
#fdeef0 rgb(253,238,240)
```

Tint Color Variation

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

#746567
```
#746567 rgb(116,101,103)
```
#7c5d61
```
#7c5d61 rgb(124,93,97)
```
#84555b
```
#84555b rgb(132,85,91)
```
#8d4c54
```
#8d4c54 rgb(141,76,84)
```
#95444e
```
#95444e rgb(149,68,78)
```
#9d3c48
```
#9d3c48 rgb(157,60,72)
```
#a63341
```
#a63341 rgb(166,51,65)
```
#ae2b3b
```
#ae2b3b rgb(174,43,59)
```
#b62335
```
#b62335 rgb(182,35,53)
```
#bf1a2e
```
#bf1a2e rgb(191,26,46)
```
#c71228
```
#c71228 rgb(199,18,40)
```
#cf0a22
```
#cf0a22 rgb(207,10,34)
```
#d8011b
```
#d8011b rgb(216,1,27)
```

Tone Color Variation

Below, you can see how #c71228 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
#644044 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756c46 Protanopia 1% of men
#866624 Deuteranopia 1% of men
#c9221f Tritanopia 0.001% of the population

Trichromacy

#934b3b Protanomaly 1% of men, 0.01% of women
#9d4825 Deuteranomaly 6% of men, 0.4% of women
#c81c22 Tritanomaly 0.01% of the population

#c71228 hex color

#c71228 Color Information

#c71228 Color Conversion

Color Schemes with #c71228

Alternatives to #c71228

#c71228 Preview

Shades and Tints of #c71228

Tones of #c71228

Color Blindness Simulator