#cc2d3f hex color

In a RGB color space, hex #cc2d3f is composed of 80% red, 17.6% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.9% magenta, 69.1% yellow and 20% black. It has a hue angle of 353.2 degrees, a saturation of 63.9% and a lightness of 48.8%. #cc2d3f color hex could be obtained by blending #ff5a7e with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 18
- B 25
RGB color chart
- C 0
- M 78
- Y 69
- K 20
CMYK color chart

● #cc2d3f color description : Strong red.

The hexadecimal color #cc2d3f has RGB values of R:204, G:45, B:63 and CMYK values of C:0, M:0.78, Y:0.69, K:0.2. Its decimal value is 13380927.

Hex triplet	cc2d3f	`#cc2d3f`
RGB Decimal	204, 45, 63	`rgb(204,45,63)`
RGB Percent	80, 17.6, 24.7	`rgb(80%,17.6%,24.7%)`
CMYK	0, 78, 69, 20
HSL	353.2°, 63.9, 48.8	`hsl(353.2,63.9%,48.8%)`
HSV (or HSB)	353.2°, 77.9, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.738, 61.506, 29.483
XYZ	26.739, 15.076, 6.204
xyY	0.557, 0.314, 15.076
CIE-LCH	45.738, 68.207, 25.611
CIE-LUV	45.738, 116.605, 18.692
Hunter-Lab	38.828, 54.973, 17.706
Binary	11001100, 00101101, 00111111

#cc2d3f
```
#cc2d3f rgb(204,45,63)
```
#2dccba
```
#2dccba rgb(45,204,186)
```

Complementary Color

#cc2d8f
```
#cc2d8f rgb(204,45,143)
```
#cc2d3f
```
#cc2d3f rgb(204,45,63)
```
#cc6b2d
```
#cc6b2d rgb(204,107,45)
```

Analogous Color

#2d8fcc
```
#2d8fcc rgb(45,143,204)
```
#cc2d3f
```
#cc2d3f rgb(204,45,63)
```
#2dcc6b
```
#2dcc6b rgb(45,204,107)
```

Split Complementary Color

#2d3fcc
```
#2d3fcc rgb(45,63,204)
```
#cc2d3f
```
#cc2d3f rgb(204,45,63)
```
#3fcc2d
```
#3fcc2d rgb(63,204,45)
```

Triadic Color

#ba2dcc
```
#ba2dcc rgb(186,45,204)
```
#cc2d3f
```
#cc2d3f rgb(204,45,63)
```
#3fcc2d
```
#3fcc2d rgb(63,204,45)
```
#2dccba
```
#2dccba rgb(45,204,186)
```

Tetradic Color

#8d1f2c
```
#8d1f2c rgb(141,31,44)
```
#a22432
```
#a22432 rgb(162,36,50)
```
#b72839
```
#b72839 rgb(183,40,57)
```
#cc2d3f
```
#cc2d3f rgb(204,45,63)
```
#d43e4f
```
#d43e4f rgb(212,62,79)
```
#d95362
```
#d95362 rgb(217,83,98)
```
#de6875
```
#de6875 rgb(222,104,117)
```

Monochromatic Color

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

#cc2d67
```
#cc2d67 rgb(204,45,103)
```
#cc2d5a
```
#cc2d5a rgb(204,45,90)
```
#cc2d4c
```
#cc2d4c rgb(204,45,76)
```
#cc2d3f
```
#cc2d3f rgb(204,45,63)
```
#cc2d32
```
#cc2d32 rgb(204,45,50)
```
#cc352d
```
#cc352d rgb(204,53,45)
```
#cc432d
```
#cc432d rgb(204,67,45)
```

Similar Colors

Text with hexadecimal color #cc2d3f

This text has a font color of #cc2d3f.

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

#cc2d3f background color

This paragraph has a background color of #cc2d3f.

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

#cc2d3f border color

This element has a border color of #cc2d3f.

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

CSS codes

.text {color:#cc2d3f;}

.background {background-color:#cc2d3f;}

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

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 #fefafb is the lightest one.

#0b0203
```
#0b0203 rgb(11,2,3)
```
#1b0608
```
#1b0608 rgb(27,6,8)
```
#2b0a0d
```
#2b0a0d rgb(43,10,13)
```
#3b0d12
```
#3b0d12 rgb(59,13,18)
```
#4b1117
```
#4b1117 rgb(75,17,23)
```
#5c141c
```
#5c141c rgb(92,20,28)
```
#6c1821
```
#6c1821 rgb(108,24,33)
```
#7c1b26
```
#7c1b26 rgb(124,27,38)
```
#8c1f2b
```
#8c1f2b rgb(140,31,43)
```
#9c2230
```
#9c2230 rgb(156,34,48)
```
#ac2635
```
#ac2635 rgb(172,38,53)
```
#bc293a
```
#bc293a rgb(188,41,58)
```
#cc2d3f
```
#cc2d3f rgb(204,45,63)
```

Shade Color Variation

#d3394b
```
#d3394b rgb(211,57,75)
```
#d74959
```
#d74959 rgb(215,73,89)
```
#da5968
```
#da5968 rgb(218,89,104)
```
#de6977
```
#de6977 rgb(222,105,119)
```
#e27a85
```
#e27a85 rgb(226,122,133)
```
#e58a94
```
#e58a94 rgb(229,138,148)
```
#e99aa3
```
#e99aa3 rgb(233,154,163)
```
#ecaab1
```
#ecaab1 rgb(236,170,177)
```
#f0bac0
```
#f0bac0 rgb(240,186,192)
```
#f3cacf
```
#f3cacf rgb(243,202,207)
```
#f7dadd
```
#f7dadd rgb(247,218,221)
```
#faeaec
```
#faeaec rgb(250,234,236)
```
#fefafb
```
#fefafb rgb(254,250,251)
```

Tint Color Variation

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

#7f7a7a
```
#7f7a7a rgb(127,122,122)
```
#897073
```
#897073 rgb(137,112,115)
```
#93666b
```
#93666b rgb(147,102,107)
```
#9c5d64
```
#9c5d64 rgb(156,93,100)
```
#a6535d
```
#a6535d rgb(166,83,93)
```
#af4a55
```
#af4a55 rgb(175,74,85)
```
#b9404e
```
#b9404e rgb(185,64,78)
```
#c23746
```
#c23746 rgb(194,55,70)
```
#cc2d3f
```
#cc2d3f rgb(204,45,63)
```
#d62338
```
#d62338 rgb(214,35,56)
```
#df1a30
```
#df1a30 rgb(223,26,48)
```
#e91029
```
#e91029 rgb(233,16,41)
```
#f20721
```
#f20721 rgb(242,7,33)
```

Tone Color Variation

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

Dichromacy

#7b735d Protanopia 1% of men
#8d6e3e Deuteranopia 1% of men
#ce3a3c Tritanopia 0.001% of the population

Trichromacy

#985952 Protanomaly 1% of men, 0.01% of women
#a4563e Deuteranomaly 6% of men, 0.4% of women
#cd353d Tritanomaly 0.01% of the population

#cc2d3f hex color

#cc2d3f Color Information

#cc2d3f Color Conversion

Color Schemes with #cc2d3f

Alternatives to #cc2d3f

#cc2d3f Preview

Shades and Tints of #cc2d3f

Tones of #cc2d3f

Color Blindness Simulator