#cc2aff hex color

In a RGB color space, hex #cc2aff is composed of 80% red, 16.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 83.5% magenta, 0% yellow and 0% black. It has a hue angle of 285.6 degrees, a saturation of 100% and a lightness of 58.2%. #cc2aff color hex could be obtained by blending #ff54ff with #9900ff. Closest websafe color is: #cc33ff.

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

● #cc2aff color description : Vivid magenta.

The hexadecimal color #cc2aff has RGB values of R:204, G:42, B:255 and CMYK values of C:0.2, M:0.84, Y:0, K:0. Its decimal value is 13380351.

Hex triplet	cc2aff	`#cc2aff`
RGB Decimal	204, 42, 255	`rgb(204,42,255)`
RGB Percent	80, 16.5, 100	`rgb(80%,16.5%,100%)`
CMYK	20, 84, 0, 0
HSL	285.6°, 100, 58.2	`hsl(285.6,100%,58.2%)`
HSV (or HSB)	285.6°, 83.5, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.723, 85.605, -71.89
XYZ	43.778, 21.715, 96.488
xyY	0.27, 0.134, 21.715
CIE-LCH	53.723, 111.787, 319.977
CIE-LUV	53.723, 47.418, -119.956
Hunter-Lab	46.6, 86.142, -90.145
Binary	11001100, 00101010, 11111111

#cc2aff
```
#cc2aff rgb(204,42,255)
```
#5dff2a
```
#5dff2a rgb(93,255,42)
```

Complementary Color

#612aff
```
#612aff rgb(97,42,255)
```
#cc2aff
```
#cc2aff rgb(204,42,255)
```
#ff2ac8
```
#ff2ac8 rgb(255,42,200)
```

Analogous Color

#2aff62
```
#2aff62 rgb(42,255,98)
```
#cc2aff
```
#cc2aff rgb(204,42,255)
```
#c8ff2a
```
#c8ff2a rgb(200,255,42)
```

Split Complementary Color

#2affcc
```
#2affcc rgb(42,255,204)
```
#cc2aff
```
#cc2aff rgb(204,42,255)
```
#ffcc2a
```
#ffcc2a rgb(255,204,42)
```

Triadic Color

#2a5dff
```
#2a5dff rgb(42,93,255)
```
#cc2aff
```
#cc2aff rgb(204,42,255)
```
#ffcc2a
```
#ffcc2a rgb(255,204,42)
```
#5dff2a
```
#5dff2a rgb(93,255,42)
```

Tetradic Color

#a800dd
```
#a800dd rgb(168,0,221)
```
#bb00f6
```
#bb00f6 rgb(187,0,246)
```
#c611ff
```
#c611ff rgb(198,17,255)
```
#cc2aff
```
#cc2aff rgb(204,42,255)
```
#d244ff
```
#d244ff rgb(210,68,255)
```
#d85dff
```
#d85dff rgb(216,93,255)
```
#de77ff
```
#de77ff rgb(222,119,255)
```

Monochromatic Color

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

#972aff
```
#972aff rgb(151,42,255)
```
#a92aff
```
#a92aff rgb(169,42,255)
```
#ba2aff
```
#ba2aff rgb(186,42,255)
```
#cc2aff
```
#cc2aff rgb(204,42,255)
```
#de2aff
```
#de2aff rgb(222,42,255)
```
#f02aff
```
#f02aff rgb(240,42,255)
```
#ff2afd
```
#ff2afd rgb(255,42,253)
```

Similar Colors

Text with hexadecimal color #cc2aff

This text has a font color of #cc2aff.

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

#cc2aff background color

This paragraph has a background color of #cc2aff.

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

#cc2aff border color

This element has a border color of #cc2aff.

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

CSS codes

.text {color:#cc2aff;}

.background {background-color:#cc2aff;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#110016
```
#110016 rgb(17,0,22)
```
#20002a
```
#20002a rgb(32,0,42)
```
#2f003e
```
#2f003e rgb(47,0,62)
```
#3e0051
```
#3e0051 rgb(62,0,81)
```
#4d0065
```
#4d0065 rgb(77,0,101)
```
#5c0078
```
#5c0078 rgb(92,0,120)
```
#6b008c
```
#6b008c rgb(107,0,140)
```
#7900a0
```
#7900a0 rgb(121,0,160)
```
#8800b3
```
#8800b3 rgb(136,0,179)
```
#9700c7
```
#9700c7 rgb(151,0,199)
```
#a600db
```
#a600db rgb(166,0,219)
```
#b500ee
```
#b500ee rgb(181,0,238)
```

Shade Color Variation

#c303ff
```
#c303ff rgb(195,3,255)
```
#c716ff
```
#c716ff rgb(199,22,255)
```
#cc2aff
```
#cc2aff rgb(204,42,255)
```
#d13eff
```
#d13eff rgb(209,62,255)
```
#d551ff
```
#d551ff rgb(213,81,255)
```
#da65ff
```
#da65ff rgb(218,101,255)
```
#df78ff
```
#df78ff rgb(223,120,255)
```
#e38cff
```
#e38cff rgb(227,140,255)
```
#e8a0ff
```
#e8a0ff rgb(232,160,255)
```
#edb3ff
```
#edb3ff rgb(237,179,255)
```
#f2c7ff
```
#f2c7ff rgb(242,199,255)
```
#f6dbff
```
#f6dbff rgb(246,219,255)
```
#fbeeff
```
#fbeeff rgb(251,238,255)
```

Tint Color Variation

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

#998c9d
```
#998c9d rgb(153,140,157)
```
#9d84a5
```
#9d84a5 rgb(157,132,165)
```
#a17cad
```
#a17cad rgb(161,124,173)
```
#a674b5
```
#a674b5 rgb(166,116,181)
```
#aa6cbd
```
#aa6cbd rgb(170,108,189)
```
#ae63c6
```
#ae63c6 rgb(174,99,198)
```
#b25bce
```
#b25bce rgb(178,91,206)
```
#b753d6
```
#b753d6 rgb(183,83,214)
```
#bb4bde
```
#bb4bde rgb(187,75,222)
```
#bf43e6
```
#bf43e6 rgb(191,67,230)
```
#c33aef
```
#c33aef rgb(195,58,239)
```
#c832f7
```
#c832f7 rgb(200,50,247)
```
#cc2aff
```
#cc2aff rgb(204,42,255)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#85648f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0d83ff Protanopia 1% of men
#0089e4 Deuteranopia 1% of men
#b8737b Tritanopia 0.001% of the population

Trichromacy

#5262ff Protanomaly 1% of men, 0.01% of women
#4a66ed Deuteranomaly 6% of men, 0.4% of women
#bf58ab Tritanomaly 0.01% of the population

#cc2aff hex color

#cc2aff Color Information

#cc2aff Color Conversion

Color Schemes with #cc2aff

Alternatives to #cc2aff

#cc2aff Preview

Shades and Tints of #cc2aff

Tones of #cc2aff

Color Blindness Simulator