#cc2a4f hex color

In a RGB color space, hex #cc2a4f is composed of 80% red, 16.5% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.4% magenta, 61.3% yellow and 20% black. It has a hue angle of 346.3 degrees, a saturation of 65.9% and a lightness of 48.2%. #cc2a4f color hex could be obtained by blending #ff549e with #990000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 80
- G 16
- B 31
RGB color chart
- C 0
- M 79
- Y 61
- K 20
CMYK color chart

● #cc2a4f color description : Strong red.

The hexadecimal color #cc2a4f has RGB values of R:204, G:42, B:79 and CMYK values of C:0, M:0.79, Y:0.61, K:0.2. Its decimal value is 13380175.

Hex triplet	cc2a4f	`#cc2a4f`
RGB Decimal	204, 42, 79	`rgb(204,42,79)`
RGB Percent	80, 16.5, 31	`rgb(80%,16.5%,31%)`
CMYK	0, 79, 61, 20
HSL	346.3°, 65.9, 48.2	`hsl(346.3,65.9%,48.2%)`
HSV (or HSB)	346.3°, 79.4, 80
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.718, 63.236, 19.695
XYZ	27.142, 15.061, 8.875
xyY	0.531, 0.295, 15.061
CIE-LCH	45.718, 66.232, 17.299
CIE-LUV	45.718, 113.13, 9.699
Hunter-Lab	38.808, 56.926, 13.608
Binary	11001100, 00101010, 01001111

#cc2a4f
```
#cc2a4f rgb(204,42,79)
```
#2acca7
```
#2acca7 rgb(42,204,167)
```

Complementary Color

#cc2aa0
```
#cc2aa0 rgb(204,42,160)
```
#cc2a4f
```
#cc2a4f rgb(204,42,79)
```
#cc562a
```
#cc562a rgb(204,86,42)
```

Analogous Color

#2aa0cc
```
#2aa0cc rgb(42,160,204)
```
#cc2a4f
```
#cc2a4f rgb(204,42,79)
```
#2acc56
```
#2acc56 rgb(42,204,86)
```

Split Complementary Color

#2a4fcc
```
#2a4fcc rgb(42,79,204)
```
#cc2a4f
```
#cc2a4f rgb(204,42,79)
```
#4fcc2a
```
#4fcc2a rgb(79,204,42)
```

Triadic Color

#a72acc
```
#a72acc rgb(167,42,204)
```
#cc2a4f
```
#cc2a4f rgb(204,42,79)
```
#4fcc2a
```
#4fcc2a rgb(79,204,42)
```
#2acca7
```
#2acca7 rgb(42,204,167)
```

Tetradic Color

#8d1d36
```
#8d1d36 rgb(141,29,54)
```
#a2213f
```
#a2213f rgb(162,33,63)
```
#b72647
```
#b72647 rgb(183,38,71)
```
#cc2a4f
```
#cc2a4f rgb(204,42,79)
```
#d6395d
```
#d6395d rgb(214,57,93)
```
#db4e6e
```
#db4e6e rgb(219,78,110)
```
#df6480
```
#df6480 rgb(223,100,128)
```

Monochromatic Color

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

#cc2a78
```
#cc2a78 rgb(204,42,120)
```
#cc2a6a
```
#cc2a6a rgb(204,42,106)
```
#cc2a5c
```
#cc2a5c rgb(204,42,92)
```
#cc2a4f
```
#cc2a4f rgb(204,42,79)
```
#cc2a42
```
#cc2a42 rgb(204,42,66)
```
#cc2a34
```
#cc2a34 rgb(204,42,52)
```
#cc2e2a
```
#cc2e2a rgb(204,46,42)
```

Similar Colors

Text with hexadecimal color #cc2a4f

This text has a font color of #cc2a4f.

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

#cc2a4f background color

This paragraph has a background color of #cc2a4f.

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

#cc2a4f border color

This element has a border color of #cc2a4f.

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

CSS codes

.text {color:#cc2a4f;}

.background {background-color:#cc2a4f;}

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

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

#090203
```
#090203 rgb(9,2,3)
```
#19050a
```
#19050a rgb(25,5,10)
```
#290910
```
#290910 rgb(41,9,16)
```
#3a0c16
```
#3a0c16 rgb(58,12,22)
```
#4a0f1d
```
#4a0f1d rgb(74,15,29)
```
#5a1323
```
#5a1323 rgb(90,19,35)
```
#6a1629
```
#6a1629 rgb(106,22,41)
```
#7b1930
```
#7b1930 rgb(123,25,48)
```
#8b1d36
```
#8b1d36 rgb(139,29,54)
```
#9b203c
```
#9b203c rgb(155,32,60)
```
#ab2342
```
#ab2342 rgb(171,35,66)
```
#bc2749
```
#bc2749 rgb(188,39,73)
```
#cc2a4f
```
#cc2a4f rgb(204,42,79)
```

Shade Color Variation

#d53459
```
#d53459 rgb(213,52,89)
```
#d94566
```
#d94566 rgb(217,69,102)
```
#dc5574
```
#dc5574 rgb(220,85,116)
```
#df6581
```
#df6581 rgb(223,101,129)
```
#e3758e
```
#e3758e rgb(227,117,142)
```
#e6869c
```
#e6869c rgb(230,134,156)
```
#e996a9
```
#e996a9 rgb(233,150,169)
```
#eda6b6
```
#eda6b6 rgb(237,166,182)
```
#f0b6c4
```
#f0b6c4 rgb(240,182,196)
```
#f3c7d1
```
#f3c7d1 rgb(243,199,209)
```
#f7d7de
```
#f7d7de rgb(247,215,222)
```
#fae7ec
```
#fae7ec rgb(250,231,236)
```
#fdf8f9
```
#fdf8f9 rgb(253,248,249)
```

Tint Color Variation

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

#807678
```
#807678 rgb(128,118,120)
```
#8a6c73
```
#8a6c73 rgb(138,108,115)
```
#93636e
```
#93636e rgb(147,99,110)
```
#9d5969
```
#9d5969 rgb(157,89,105)
```
#a65064
```
#a65064 rgb(166,80,100)
```
#b0465e
```
#b0465e rgb(176,70,94)
```
#b93d59
```
#b93d59 rgb(185,61,89)
```
#c33354
```
#c33354 rgb(195,51,84)
```
#cc2a4f
```
#cc2a4f rgb(204,42,79)
```
#d5214a
```
#d5214a rgb(213,33,74)
```
#df1745
```
#df1745 rgb(223,23,69)
```
#e80e40
```
#e80e40 rgb(232,14,64)
```
#f2043a
```
#f2043a rgb(242,4,58)
```

Tone Color Variation

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

Dichromacy

#767370 Protanopia 1% of men
#8a6f4d Deuteranopia 1% of men
#cd3b3d Tritanopia 0.001% of the population

Trichromacy

#955864 Protanomaly 1% of men, 0.01% of women
#a2554e Deuteranomaly 6% of men, 0.4% of women
#cc3443 Tritanomaly 0.01% of the population

#cc2a4f hex color

#cc2a4f Color Information

#cc2a4f Color Conversion

Color Schemes with #cc2a4f

Alternatives to #cc2a4f

#cc2a4f Preview

Shades and Tints of #cc2a4f

Tones of #cc2a4f

Color Blindness Simulator