#cc21ff hex color

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

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

● #cc21ff color description : Vivid magenta.

The hexadecimal color #cc21ff has RGB values of R:204, G:33, B:255 and CMYK values of C:0.2, M:0.87, Y:0, K:0. Its decimal value is 13378047.

Hex triplet	cc21ff	`#cc21ff`
RGB Decimal	204, 33, 255	`rgb(204,33,255)`
RGB Percent	80, 12.9, 100	`rgb(80%,12.9%,100%)`
CMYK	20, 87, 0, 0
HSL	286.2°, 100, 56.5	`hsl(286.2,100%,56.5%)`
HSV (or HSB)	286.2°, 87.1, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.11, 87.412, -72.885
XYZ	43.494, 21.147, 96.393
xyY	0.27, 0.131, 21.147
CIE-LCH	53.11, 113.812, 320.178
CIE-LUV	53.11, 48.236, -121.154
Hunter-Lab	45.986, 88.351, -92.09
Binary	11001100, 00100001, 11111111

#cc21ff
```
#cc21ff rgb(204,33,255)
```
#54ff21
```
#54ff21 rgb(84,255,33)
```

Complementary Color

#5d21ff
```
#5d21ff rgb(93,33,255)
```
#cc21ff
```
#cc21ff rgb(204,33,255)
```
#ff21c3
```
#ff21c3 rgb(255,33,195)
```

Analogous Color

#21ff5d
```
#21ff5d rgb(33,255,93)
```
#cc21ff
```
#cc21ff rgb(204,33,255)
```
#c3ff21
```
#c3ff21 rgb(195,255,33)
```

Split Complementary Color

#21ffcc
```
#21ffcc rgb(33,255,204)
```
#cc21ff
```
#cc21ff rgb(204,33,255)
```
#ffcc21
```
#ffcc21 rgb(255,204,33)
```

Triadic Color

#2154ff
```
#2154ff rgb(33,84,255)
```
#cc21ff
```
#cc21ff rgb(204,33,255)
```
#ffcc21
```
#ffcc21 rgb(255,204,33)
```
#54ff21
```
#54ff21 rgb(84,255,33)
```

Tetradic Color

#a300d4
```
#a300d4 rgb(163,0,212)
```
#b700ed
```
#b700ed rgb(183,0,237)
```
#c607ff
```
#c607ff rgb(198,7,255)
```
#cc21ff
```
#cc21ff rgb(204,33,255)
```
#d23bff
```
#d23bff rgb(210,59,255)
```
#d854ff
```
#d854ff rgb(216,84,255)
```
#de6eff
```
#de6eff rgb(222,110,255)
```

Monochromatic Color

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

#9521ff
```
#9521ff rgb(149,33,255)
```
#a721ff
```
#a721ff rgb(167,33,255)
```
#ba21ff
```
#ba21ff rgb(186,33,255)
```
#cc21ff
```
#cc21ff rgb(204,33,255)
```
#df21ff
```
#df21ff rgb(223,33,255)
```
#f121ff
```
#f121ff rgb(241,33,255)
```
#ff21fb
```
#ff21fb rgb(255,33,251)
```

Similar Colors

Text with hexadecimal color #cc21ff

This text has a font color of #cc21ff.

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

#cc21ff background color

This paragraph has a background color of #cc21ff.

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

#cc21ff border color

This element has a border color of #cc21ff.

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

CSS codes

.text {color:#cc21ff;}

.background {background-color:#cc21ff;}

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

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

#0a000d
```
#0a000d rgb(10,0,13)
```
#190021
```
#190021 rgb(25,0,33)
```
#290035
```
#290035 rgb(41,0,53)
```
#380048
```
#380048 rgb(56,0,72)
```
#47005c
```
#47005c rgb(71,0,92)
```
#56006f
```
#56006f rgb(86,0,111)
```
#650083
```
#650083 rgb(101,0,131)
```
#740097
```
#740097 rgb(116,0,151)
```
#8300aa
```
#8300aa rgb(131,0,170)
```
#9200be
```
#9200be rgb(146,0,190)
```
#a100d2
```
#a100d2 rgb(161,0,210)
```
#b100e5
```
#b100e5 rgb(177,0,229)
```
#c000f9
```
#c000f9 rgb(192,0,249)
```

Shade Color Variation

#c70dff
```
#c70dff rgb(199,13,255)
```
#cc21ff
```
#cc21ff rgb(204,33,255)
```
#d135ff
```
#d135ff rgb(209,53,255)
```
#d548ff
```
#d548ff rgb(213,72,255)
```
#da5cff
```
#da5cff rgb(218,92,255)
```
#de6fff
```
#de6fff rgb(222,111,255)
```
#e383ff
```
#e383ff rgb(227,131,255)
```
#e797ff
```
#e797ff rgb(231,151,255)
```
#ecaaff
```
#ecaaff rgb(236,170,255)
```
#f0beff
```
#f0beff rgb(240,190,255)
```
#f5d2ff
```
#f5d2ff rgb(245,210,255)
```
#f9e5ff
```
#f9e5ff rgb(249,229,255)
```
#fef9ff
```
#fef9ff rgb(254,249,255)
```

Tint Color Variation

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

#958799
```
#958799 rgb(149,135,153)
```
#997fa1
```
#997fa1 rgb(153,127,161)
```
#9e76aa
```
#9e76aa rgb(158,118,170)
```
#a26eb2
```
#a26eb2 rgb(162,110,178)
```
#a765bb
```
#a765bb rgb(167,101,187)
```
#ac5dc3
```
#ac5dc3 rgb(172,93,195)
```
#b054cc
```
#b054cc rgb(176,84,204)
```
#b54cd4
```
#b54cd4 rgb(181,76,212)
```
#ba43dd
```
#ba43dd rgb(186,67,221)
```
#be3be5
```
#be3be5 rgb(190,59,229)
```
#c332ee
```
#c332ee rgb(195,50,238)
```
#c72af6
```
#c72af6 rgb(199,42,246)
```
#cc21ff
```
#cc21ff rgb(204,33,255)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#805e8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fc Protanopia 1% of men
#0087e1 Deuteranopia 1% of men
#b87178 Tritanopia 0.001% of the population

Trichromacy

#4a5efd Protanomaly 1% of men, 0.01% of women
#4a62ec Deuteranomaly 6% of men, 0.4% of women
#bf54a9 Tritanomaly 0.01% of the population

#cc21ff hex color

#cc21ff Color Information

#cc21ff Color Conversion

Color Schemes with #cc21ff

Alternatives to #cc21ff

#cc21ff Preview

Shades and Tints of #cc21ff

Tones of #cc21ff

Color Blindness Simulator