colorhexa.com

#cc2486 hex color

In a RGB color space, hex #cc2486 is composed of 80% red, 14.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.4% magenta, 34.3% yellow and 20% black. It has a hue angle of 325 degrees, a saturation of 70% and a lightness of 47.1%. #cc2486 color hex could be obtained by blending #ff48ff with #99000d. Closest websafe color is: #cc3399.

- R 80
- G 14
- B 53
RGB color chart
- C 0
- M 82
- Y 34
- K 20
CMYK color chart

● #cc2486 color description : Strong pink.

The hexadecimal color #cc2486 has RGB values of R:204, G:36, B:134 and CMYK values of C:0, M:0.82, Y:0.34, K:0.2. Its decimal value is 13378694.

Hex triplet	cc2486	`#cc2486`
RGB Decimal	204, 36, 134	`rgb(204,36,134)`
RGB Percent	80, 14.1, 52.5	`rgb(80%,14.1%,52.5%)`
CMYK	0, 82, 34, 20
HSL	325°, 70, 47.1	`hsl(325,70%,47.1%)`
HSV (or HSB)	325°, 82.4, 80
Web Safe	cc3399	`#cc3399`

CIE-LAB	46.742, 69.373, -12.698
XYZ	29.836, 15.823, 24.036
xyY	0.428, 0.227, 15.823
CIE-LCH	46.742, 70.526, 349.628
CIE-LUV	46.742, 93.52, -29.539
Hunter-Lab	39.779, 64.274, -7.981
Binary	11001100, 00100100, 10000110

#cc2486
```
#cc2486 rgb(204,36,134)
```
#24cc6a
```
#24cc6a rgb(36,204,106)
```

Complementary Color

#be24cc
```
#be24cc rgb(190,36,204)
```
#cc2486
```
#cc2486 rgb(204,36,134)
```
#cc2432
```
#cc2432 rgb(204,36,50)
```

Analogous Color

#24ccbe
```
#24ccbe rgb(36,204,190)
```
#cc2486
```
#cc2486 rgb(204,36,134)
```
#32cc24
```
#32cc24 rgb(50,204,36)
```

Split Complementary Color

#2486cc
```
#2486cc rgb(36,134,204)
```
#cc2486
```
#cc2486 rgb(204,36,134)
```
#86cc24
```
#86cc24 rgb(134,204,36)
```

Triadic Color

#6a24cc
```
#6a24cc rgb(106,36,204)
```
#cc2486
```
#cc2486 rgb(204,36,134)
```
#86cc24
```
#86cc24 rgb(134,204,36)
```
#24cc6a
```
#24cc6a rgb(36,204,106)
```

Tetradic Color

#8b195b
```
#8b195b rgb(139,25,91)
```
#a11c6a
```
#a11c6a rgb(161,28,106)
```
#b62078
```
#b62078 rgb(182,32,120)
```
#cc2486
```
#cc2486 rgb(204,36,134)
```
#da2f93
```
#da2f93 rgb(218,47,147)
```
#de459e
```
#de459e rgb(222,69,158)
```
#e25baa
```
#e25baa rgb(226,91,170)
```

Monochromatic Color

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

#cc24b0
```
#cc24b0 rgb(204,36,176)
```
#cc24a2
```
#cc24a2 rgb(204,36,162)
```
#cc2494
```
#cc2494 rgb(204,36,148)
```
#cc2486
```
#cc2486 rgb(204,36,134)
```
#cc2478
```
#cc2478 rgb(204,36,120)
```
#cc246a
```
#cc246a rgb(204,36,106)
```
#cc245c
```
#cc245c rgb(204,36,92)
```

Similar Colors

Text with hexadecimal color #cc2486

This text has a font color of #cc2486.

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

#cc2486 background color

This paragraph has a background color of #cc2486.

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

#cc2486 border color

This element has a border color of #cc2486.

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

CSS codes

.text {color:#cc2486;}

.background {background-color:#cc2486;}

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

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

#040103
```
#040103 rgb(4,1,3)
```
#15040e
```
#15040e rgb(21,4,14)
```
#250718
```
#250718 rgb(37,7,24)
```
#360a23
```
#360a23 rgb(54,10,35)
```
#470c2e
```
#470c2e rgb(71,12,46)
```
#570f39
```
#570f39 rgb(87,15,57)
```
#681244
```
#681244 rgb(104,18,68)
```
#79154f
```
#79154f rgb(121,21,79)
```
#89185a
```
#89185a rgb(137,24,90)
```
#9a1b65
```
#9a1b65 rgb(154,27,101)
```
#ab1e70
```
#ab1e70 rgb(171,30,112)
```
#bb217b
```
#bb217b rgb(187,33,123)
```
#cc2486
```
#cc2486 rgb(204,36,134)
```

Shade Color Variation

#d92a90
```
#d92a90 rgb(217,42,144)
```
#dc3b99
```
#dc3b99 rgb(220,59,153)
```
#df4ca2
```
#df4ca2 rgb(223,76,162)
```
#e25caa
```
#e25caa rgb(226,92,170)
```
#e56db3
```
#e56db3 rgb(229,109,179)
```
#e87ebc
```
#e87ebc rgb(232,126,188)
```
#eb8ec4
```
#eb8ec4 rgb(235,142,196)
```
#ee9fcd
```
#ee9fcd rgb(238,159,205)
```
#f1b0d6
```
#f1b0d6 rgb(241,176,214)
```
#f4c0de
```
#f4c0de rgb(244,192,222)
```
#f7d1e7
```
#f7d1e7 rgb(247,209,231)
```
#fae2f0
```
#fae2f0 rgb(250,226,240)
```
#fdf2f8
```
#fdf2f8 rgb(253,242,248)
```

Tint Color Variation

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

#797778
```
#797778 rgb(121,119,120)
```
#826e7a
```
#826e7a rgb(130,110,122)
```
#8b657b
```
#8b657b rgb(139,101,123)
```
#955b7d
```
#955b7d rgb(149,91,125)
```
#9e527e
```
#9e527e rgb(158,82,126)
```
#a74980
```
#a74980 rgb(167,73,128)
```
#b04081
```
#b04081 rgb(176,64,129)
```
#ba3683
```
#ba3683 rgb(186,54,131)
```
#c32d84
```
#c32d84 rgb(195,45,132)
```
#cc2486
```
#cc2486 rgb(204,36,134)
```
#d51b88
```
#d51b88 rgb(213,27,136)
```
#de1289
```
#de1289 rgb(222,18,137)
```
#e8088b
```
#e8088b rgb(232,8,139)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#765568 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c74b3 Protanopia 1% of men
#7c737f Deuteranopia 1% of men
#c9464a Tritanopia 0.001% of the population

Trichromacy

#8557a2 Protanomaly 1% of men, 0.01% of women
#995681 Deuteranomaly 6% of men, 0.4% of women
#ca3a5f Tritanomaly 0.01% of the population