#cc3286 hex color

In a RGB color space, hex #cc3286 is composed of 80% red, 19.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.5% magenta, 34.3% yellow and 20% black. It has a hue angle of 327.3 degrees, a saturation of 60.6% and a lightness of 49.8%. #cc3286 color hex could be obtained by blending #ff64ff with #99000d. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 80
- G 20
- B 53
RGB color chart
- C 0
- M 75
- Y 34
- K 20
CMYK color chart

● #cc3286 color description : Strong pink.

The hexadecimal color #cc3286 has RGB values of R:204, G:50, B:134 and CMYK values of C:0, M:0.75, Y:0.34, K:0.2. Its decimal value is 13382278.

Hex triplet	cc3286	`#cc3286`
RGB Decimal	204, 50, 134	`rgb(204,50,134)`
RGB Percent	80, 19.6, 52.5	`rgb(80%,19.6%,52.5%)`
CMYK	0, 75, 34, 20
HSL	327.3°, 60.6, 49.8	`hsl(327.3,60.6%,49.8%)`
HSV (or HSB)	327.3°, 75.5, 80
Web Safe	cc3399	`#cc3399`

CIE-LAB	48.061, 65.61, -10.707
XYZ	30.346, 16.843, 24.206
xyY	0.425, 0.236, 16.843
CIE-LCH	48.061, 66.478, 350.731
CIE-LUV	48.061, 89.662, -26.281
Hunter-Lab	41.04, 60.168, -6.242
Binary	11001100, 00110010, 10000110

#cc3286
```
#cc3286 rgb(204,50,134)
```
#32cc78
```
#32cc78 rgb(50,204,120)
```

Complementary Color

#c532cc
```
#c532cc rgb(197,50,204)
```
#cc3286
```
#cc3286 rgb(204,50,134)
```
#cc3239
```
#cc3239 rgb(204,50,57)
```

Analogous Color

#32ccc5
```
#32ccc5 rgb(50,204,197)
```
#cc3286
```
#cc3286 rgb(204,50,134)
```
#39cc32
```
#39cc32 rgb(57,204,50)
```

Split Complementary Color

#3286cc
```
#3286cc rgb(50,134,204)
```
#cc3286
```
#cc3286 rgb(204,50,134)
```
#86cc32
```
#86cc32 rgb(134,204,50)
```

Triadic Color

#7832cc
```
#7832cc rgb(120,50,204)
```
#cc3286
```
#cc3286 rgb(204,50,134)
```
#86cc32
```
#86cc32 rgb(134,204,50)
```
#32cc78
```
#32cc78 rgb(50,204,120)
```

Tetradic Color

#8f235e
```
#8f235e rgb(143,35,94)
```
#a3286b
```
#a3286b rgb(163,40,107)
```
#b82d79
```
#b82d79 rgb(184,45,121)
```
#cc3286
```
#cc3286 rgb(204,50,134)
```
#d24692
```
#d24692 rgb(210,70,146)
```
#d75a9e
```
#d75a9e rgb(215,90,158)
```
#dc6faa
```
#dc6faa rgb(220,111,170)
```

Monochromatic Color

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

#cc32ad
```
#cc32ad rgb(204,50,173)
```
#cc32a0
```
#cc32a0 rgb(204,50,160)
```
#cc3293
```
#cc3293 rgb(204,50,147)
```
#cc3286
```
#cc3286 rgb(204,50,134)
```
#cc3279
```
#cc3279 rgb(204,50,121)
```
#cc326c
```
#cc326c rgb(204,50,108)
```
#cc3260
```
#cc3260 rgb(204,50,96)
```

Similar Colors

Text with hexadecimal color #cc3286

This text has a font color of #cc3286.

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

#cc3286 background color

This paragraph has a background color of #cc3286.

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

#cc3286 border color

This element has a border color of #cc3286.

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

CSS codes

.text {color:#cc3286;}

.background {background-color:#cc3286;}

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

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

#0f040a
```
#0f040a rgb(15,4,10)
```
#1f0814
```
#1f0814 rgb(31,8,20)
```
#2e0b1f
```
#2e0b1f rgb(46,11,31)
```
#3e0f29
```
#3e0f29 rgb(62,15,41)
```
#4e1333
```
#4e1333 rgb(78,19,51)
```
#5e173e
```
#5e173e rgb(94,23,62)
```
#6d1b48
```
#6d1b48 rgb(109,27,72)
```
#7d1f52
```
#7d1f52 rgb(125,31,82)
```
#8d235d
```
#8d235d rgb(141,35,93)
```
#9d2667
```
#9d2667 rgb(157,38,103)
```
#ac2a71
```
#ac2a71 rgb(172,42,113)
```
#bc2e7c
```
#bc2e7c rgb(188,46,124)
```
#cc3286
```
#cc3286 rgb(204,50,134)
```

Shade Color Variation

#d0418f
```
#d0418f rgb(208,65,143)
```
#d45199
```
#d45199 rgb(212,81,153)
```
#d861a2
```
#d861a2 rgb(216,97,162)
```
#dc70ab
```
#dc70ab rgb(220,112,171)
```
#e080b4
```
#e080b4 rgb(224,128,180)
```
#e490be
```
#e490be rgb(228,144,190)
```
#e8a0c7
```
#e8a0c7 rgb(232,160,199)
```
#ebafd0
```
#ebafd0 rgb(235,175,208)
```
#efbfd9
```
#efbfd9 rgb(239,191,217)
```
#f3cfe3
```
#f3cfe3 rgb(243,207,227)
```
#f7dfec
```
#f7dfec rgb(247,223,236)
```
#fbeef5
```
#fbeef5 rgb(251,238,245)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#887680
```
#887680 rgb(136,118,128)
```
#916d81
```
#916d81 rgb(145,109,129)
```
#9b6382
```
#9b6382 rgb(155,99,130)
```
#a55982
```
#a55982 rgb(165,89,130)
```
#af4f83
```
#af4f83 rgb(175,79,131)
```
#b84684
```
#b84684 rgb(184,70,132)
```
#c23c85
```
#c23c85 rgb(194,60,133)
```
#cc3286
```
#cc3286 rgb(204,50,134)
```
#d62887
```
#d62887 rgb(214,40,135)
```
#e01e88
```
#e01e88 rgb(224,30,136)
```
#e91589
```
#e91589 rgb(233,21,137)
```
#f30b8a
```
#f30b8a rgb(243,11,138)
```
#fd018a
```
#fd018a rgb(253,1,138)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7e5f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6577ae Protanopia 1% of men
#817680 Deuteranopia 1% of men
#ca4e52 Tritanopia 0.001% of the population

Trichromacy

#8a5e9f Protanomaly 1% of men, 0.01% of women
#9c5d82 Deuteranomaly 6% of men, 0.4% of women
#ca4365 Tritanomaly 0.01% of the population

#cc3286 hex color

#cc3286 Color Information

#cc3286 Color Conversion

Color Schemes with #cc3286

Alternatives to #cc3286

#cc3286 Preview

Shades and Tints of #cc3286

Tones of #cc3286

Color Blindness Simulator