#cc3131 hex color

In a RGB color space, hex #cc3131 is composed of 80% red, 19.2% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76% magenta, 76% yellow and 20% black. It has a hue angle of 0 degrees, a saturation of 61.3% and a lightness of 49.6%. #cc3131 color hex could be obtained by blending #ff6262 with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 19
- B 19
RGB color chart
- C 0
- M 76
- Y 76
- K 20
CMYK color chart

● #cc3131 color description : Strong red.

The hexadecimal color #cc3131 has RGB values of R:204, G:49, B:49 and CMYK values of C:0, M:0.76, Y:0.76, K:0.2. Its decimal value is 13381937.

Hex triplet	cc3131	`#cc3131`
RGB Decimal	204, 49, 49	`rgb(204,49,49)`
RGB Percent	80, 19.2, 19.2	`rgb(80%,19.2%,19.2%)`
CMYK	0, 76, 76, 20
HSL	0°, 61.3, 49.6	`hsl(0,61.3%,49.6%)`
HSV (or HSB)	0°, 76, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.987, 59.687, 37.97
XYZ	26.556, 15.259, 4.453
xyY	0.574, 0.33, 15.259
CIE-LCH	45.987, 70.74, 32.462
CIE-LUV	45.987, 117.975, 25.45
Hunter-Lab	39.063, 52.989, 20.586
Binary	11001100, 00110001, 00110001

#cc3131
```
#cc3131 rgb(204,49,49)
```
#31cccc
```
#31cccc rgb(49,204,204)
```

Complementary Color

#cc317f
```
#cc317f rgb(204,49,127)
```
#cc3131
```
#cc3131 rgb(204,49,49)
```
#cc7f31
```
#cc7f31 rgb(204,127,49)
```

Analogous Color

#317fcc
```
#317fcc rgb(49,127,204)
```
#cc3131
```
#cc3131 rgb(204,49,49)
```
#31cc7f
```
#31cc7f rgb(49,204,127)
```

Split Complementary Color

#3131cc
```
#3131cc rgb(49,49,204)
```
#cc3131
```
#cc3131 rgb(204,49,49)
```
#31cc31
```
#31cc31 rgb(49,204,49)
```

Triadic Color

#cc31cc
```
#cc31cc rgb(204,49,204)
```
#cc3131
```
#cc3131 rgb(204,49,49)
```
#31cc31
```
#31cc31 rgb(49,204,49)
```
#31cccc
```
#31cccc rgb(49,204,204)
```

Tetradic Color

#8e2222
```
#8e2222 rgb(142,34,34)
```
#a32727
```
#a32727 rgb(163,39,39)
```
#b72c2c
```
#b72c2c rgb(183,44,44)
```
#cc3131
```
#cc3131 rgb(204,49,49)
```
#d24444
```
#d24444 rgb(210,68,68)
```
#d75959
```
#d75959 rgb(215,89,89)
```
#dc6d6d
```
#dc6d6d rgb(220,109,109)
```

Monochromatic Color

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

#cc3158
```
#cc3158 rgb(204,49,88)
```
#cc314b
```
#cc314b rgb(204,49,75)
```
#cc313e
```
#cc313e rgb(204,49,62)
```
#cc3131
```
#cc3131 rgb(204,49,49)
```
#cc3e31
```
#cc3e31 rgb(204,62,49)
```
#cc4b31
```
#cc4b31 rgb(204,75,49)
```
#cc5831
```
#cc5831 rgb(204,88,49)
```

Similar Colors

Text with hexadecimal color #cc3131

This text has a font color of #cc3131.

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

#cc3131 background color

This paragraph has a background color of #cc3131.

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

#cc3131 border color

This element has a border color of #cc3131.

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

CSS codes

.text {color:#cc3131;}

.background {background-color:#cc3131;}

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

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

#0e0303
```
#0e0303 rgb(14,3,3)
```
#1e0707
```
#1e0707 rgb(30,7,7)
```
#2e0b0b
```
#2e0b0b rgb(46,11,11)
```
#3e0f0f
```
#3e0f0f rgb(62,15,15)
```
#4d1313
```
#4d1313 rgb(77,19,19)
```
#5d1616
```
#5d1616 rgb(93,22,22)
```
#6d1a1a
```
#6d1a1a rgb(109,26,26)
```
#7d1e1e
```
#7d1e1e rgb(125,30,30)
```
#8d2222
```
#8d2222 rgb(141,34,34)
```
#9d2626
```
#9d2626 rgb(157,38,38)
```
#ac2929
```
#ac2929 rgb(172,41,41)
```
#bc2d2d
```
#bc2d2d rgb(188,45,45)
```
#cc3131
```
#cc3131 rgb(204,49,49)
```

Shade Color Variation

#d14040
```
#d14040 rgb(209,64,64)
```
#d54f4f
```
#d54f4f rgb(213,79,79)
```
#d95f5f
```
#d95f5f rgb(217,95,95)
```
#dc6f6f
```
#dc6f6f rgb(220,111,111)
```
#e07f7f
```
#e07f7f rgb(224,127,127)
```
#e48f8f
```
#e48f8f rgb(228,143,143)
```
#e89e9e
```
#e89e9e rgb(232,158,158)
```
#ecaeae
```
#ecaeae rgb(236,174,174)
```
#efbebe
```
#efbebe rgb(239,190,190)
```
#f3cece
```
#f3cece rgb(243,206,206)
```
#f7dede
```
#f7dede rgb(247,222,222)
```
#fbeeee
```
#fbeeee rgb(251,238,238)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#887575
```
#887575 rgb(136,117,117)
```
#926b6b
```
#926b6b rgb(146,107,107)
```
#9b6262
```
#9b6262 rgb(155,98,98)
```
#a55858
```
#a55858 rgb(165,88,88)
```
#af4e4e
```
#af4e4e rgb(175,78,78)
```
#b94444
```
#b94444 rgb(185,68,68)
```
#c23b3b
```
#c23b3b rgb(194,59,59)
```
#cc3131
```
#cc3131 rgb(204,49,49)
```
#d62727
```
#d62727 rgb(214,39,39)
```
#df1e1e
```
#df1e1e rgb(223,30,30)
```
#e91414
```
#e91414 rgb(233,20,20)
```
#f30a0a
```
#f30a0a rgb(243,10,10)
```
#fd0000
```
#fd0000 rgb(253,0,0)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#755656 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e744c Protanopia 1% of men
#8f6f30 Deuteranopia 1% of men
#ce3b3d Tritanopia 0.001% of the population

Trichromacy

#9a5b42 Protanomaly 1% of men, 0.01% of women
#a55830 Deuteranomaly 6% of men, 0.4% of women
#cd3738 Tritanomaly 0.01% of the population

#cc3131 hex color

#cc3131 Color Information

#cc3131 Color Conversion

Color Schemes with #cc3131

Alternatives to #cc3131

#cc3131 Preview

Shades and Tints of #cc3131

Tones of #cc3131

Color Blindness Simulator