#cc3d31 hex color

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

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

● #cc3d31 color description : Strong red.

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

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

CIE-LAB	47.495, 55.511, 39.602
XYZ	27.126, 16.4, 4.643
xyY	0.563, 0.34, 16.4
CIE-LCH	47.495, 68.19, 35.504
CIE-LUV	47.495, 111.236, 28.31
Hunter-Lab	40.497, 48.697, 21.55
Binary	11001100, 00111101, 00110001

#cc3d31
```
#cc3d31 rgb(204,61,49)
```
#31c0cc
```
#31c0cc rgb(49,192,204)
```

Complementary Color

#cc3173
```
#cc3173 rgb(204,49,115)
```
#cc3d31
```
#cc3d31 rgb(204,61,49)
```
#cc8b31
```
#cc8b31 rgb(204,139,49)
```

Analogous Color

#3173cc
```
#3173cc rgb(49,115,204)
```
#cc3d31
```
#cc3d31 rgb(204,61,49)
```
#31cc8b
```
#31cc8b rgb(49,204,139)
```

Split Complementary Color

#3d31cc
```
#3d31cc rgb(61,49,204)
```
#cc3d31
```
#cc3d31 rgb(204,61,49)
```
#31cc3d
```
#31cc3d rgb(49,204,61)
```

Triadic Color

#cc31c0
```
#cc31c0 rgb(204,49,192)
```
#cc3d31
```
#cc3d31 rgb(204,61,49)
```
#31cc3d
```
#31cc3d rgb(49,204,61)
```
#31c0cc
```
#31c0cc rgb(49,192,204)
```

Tetradic Color

#8e2b22
```
#8e2b22 rgb(142,43,34)
```
#a33127
```
#a33127 rgb(163,49,39)
```
#b7372c
```
#b7372c rgb(183,55,44)
```
#cc3d31
```
#cc3d31 rgb(204,61,49)
```
#d24f44
```
#d24f44 rgb(210,79,68)
```
#d76359
```
#d76359 rgb(215,99,89)
```
#dc766d
```
#dc766d rgb(220,118,109)
```

Monochromatic Color

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

#cc314c
```
#cc314c rgb(204,49,76)
```
#cc313f
```
#cc313f rgb(204,49,63)
```
#cc3132
```
#cc3132 rgb(204,49,50)
```
#cc3d31
```
#cc3d31 rgb(204,61,49)
```
#cc4a31
```
#cc4a31 rgb(204,74,49)
```
#cc5731
```
#cc5731 rgb(204,87,49)
```
#cc6431
```
#cc6431 rgb(204,100,49)
```

Similar Colors

Text with hexadecimal color #cc3d31

This text has a font color of #cc3d31.

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

#cc3d31 background color

This paragraph has a background color of #cc3d31.

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

#cc3d31 border color

This element has a border color of #cc3d31.

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

CSS codes

.text {color:#cc3d31;}

.background {background-color:#cc3d31;}

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

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

#0e0403
```
#0e0403 rgb(14,4,3)
```
#1e0907
```
#1e0907 rgb(30,9,7)
```
#2e0e0b
```
#2e0e0b rgb(46,14,11)
```
#3e120f
```
#3e120f rgb(62,18,15)
```
#4d1713
```
#4d1713 rgb(77,23,19)
```
#5d1c16
```
#5d1c16 rgb(93,28,22)
```
#6d211a
```
#6d211a rgb(109,33,26)
```
#7d251e
```
#7d251e rgb(125,37,30)
```
#8d2a22
```
#8d2a22 rgb(141,42,34)
```
#9d2f26
```
#9d2f26 rgb(157,47,38)
```
#ac3429
```
#ac3429 rgb(172,52,41)
```
#bc382d
```
#bc382d rgb(188,56,45)
```
#cc3d31
```
#cc3d31 rgb(204,61,49)
```

Shade Color Variation

#d14b40
```
#d14b40 rgb(209,75,64)
```
#d55a4f
```
#d55a4f rgb(213,90,79)
```
#d9695f
```
#d9695f rgb(217,105,95)
```
#dc786f
```
#dc786f rgb(220,120,111)
```
#e0867f
```
#e0867f rgb(224,134,127)
```
#e4958f
```
#e4958f rgb(228,149,143)
```
#e8a49e
```
#e8a49e rgb(232,164,158)
```
#ecb3ae
```
#ecb3ae rgb(236,179,174)
```
#efc2be
```
#efc2be rgb(239,194,190)
```
#f3d1ce
```
#f3d1ce rgb(243,209,206)
```
#f7e0de
```
#f7e0de rgb(247,224,222)
```
#fbefee
```
#fbefee rgb(251,239,238)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#887775
```
#887775 rgb(136,119,117)
```
#926e6b
```
#926e6b rgb(146,110,107)
```
#9b6662
```
#9b6662 rgb(155,102,98)
```
#a55e58
```
#a55e58 rgb(165,94,88)
```
#af564e
```
#af564e rgb(175,86,78)
```
#b94d44
```
#b94d44 rgb(185,77,68)
```
#c2453b
```
#c2453b rgb(194,69,59)
```
#cc3d31
```
#cc3d31 rgb(204,61,49)
```
#d63527
```
#d63527 rgb(214,53,39)
```
#df2d1e
```
#df2d1e rgb(223,45,30)
```
#e92414
```
#e92414 rgb(233,36,20)
```
#f31c0a
```
#f31c0a rgb(243,28,10)
```
#fd1400
```
#fd1400 rgb(253,20,0)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7a5e5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#82784a Protanopia 1% of men
#947230 Deuteranopia 1% of men
#cf4548 Tritanopia 0.001% of the population

Trichromacy

#9d6241 Protanomaly 1% of men, 0.01% of women
#a85f30 Deuteranomaly 6% of men, 0.4% of women
#cd423f Tritanomaly 0.01% of the population

#cc3d31 hex color

#cc3d31 Color Information

#cc3d31 Color Conversion

Color Schemes with #cc3d31

Alternatives to #cc3d31

#cc3d31 Preview

Shades and Tints of #cc3d31

Tones of #cc3d31

Color Blindness Simulator