#cc20dd hex color

In a RGB color space, hex #cc20dd is composed of 80% red, 12.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 85.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 294.6 degrees, a saturation of 74.7% and a lightness of 49.6%. #cc20dd color hex could be obtained by blending #ff40ff with #9900bb. Closest websafe color is: #cc33cc.

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

● #cc20dd color description : Vivid magenta.

The hexadecimal color #cc20dd has RGB values of R:204, G:32, B:221 and CMYK values of C:0.08, M:0.86, Y:0, K:0.13. Its decimal value is 13377757.

Hex triplet	cc20dd	`#cc20dd`
RGB Decimal	204, 32, 221	`rgb(204,32,221)`
RGB Percent	80, 12.5, 86.7	`rgb(80%,12.5%,86.7%)`
CMYK	8, 86, 0, 13
HSL	294.6°, 74.7, 49.6	`hsl(294.6,74.7%,49.6%)`
HSV (or HSB)	294.6°, 85.5, 86.7
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.796, 81.936, -57.499
XYZ	38.468, 19.093, 70.062
xyY	0.301, 0.15, 19.093
CIE-LCH	50.796, 100.098, 324.94
CIE-LUV	50.796, 59.264, -97.186
Hunter-Lab	43.696, 80.678, -64.479
Binary	11001100, 00100000, 11011101

#cc20dd
```
#cc20dd rgb(204,32,221)
```
#31dd20
```
#31dd20 rgb(49,221,32)
```

Complementary Color

#6e20dd
```
#6e20dd rgb(110,32,221)
```
#cc20dd
```
#cc20dd rgb(204,32,221)
```
#dd2090
```
#dd2090 rgb(221,32,144)
```

Analogous Color

#20dd6e
```
#20dd6e rgb(32,221,110)
```
#cc20dd
```
#cc20dd rgb(204,32,221)
```
#90dd20
```
#90dd20 rgb(144,221,32)
```

Split Complementary Color

#20ddcc
```
#20ddcc rgb(32,221,204)
```
#cc20dd
```
#cc20dd rgb(204,32,221)
```
#ddcc20
```
#ddcc20 rgb(221,204,32)
```

Triadic Color

#2031dd
```
#2031dd rgb(32,49,221)
```
#cc20dd
```
#cc20dd rgb(204,32,221)
```
#ddcc20
```
#ddcc20 rgb(221,204,32)
```
#31dd20
```
#31dd20 rgb(49,221,32)
```

Tetradic Color

#8e169a
```
#8e169a rgb(142,22,154)
```
#a31ab0
```
#a31ab0 rgb(163,26,176)
```
#b71dc7
```
#b71dc7 rgb(183,29,199)
```
#cc20dd
```
#cc20dd rgb(204,32,221)
```
#d235e2
```
#d235e2 rgb(210,53,226)
```
#d74be5
```
#d74be5 rgb(215,75,229)
```
#dc61e8
```
#dc61e8 rgb(220,97,232)
```

Monochromatic Color

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

#9d20dd
```
#9d20dd rgb(157,32,221)
```
#ad20dd
```
#ad20dd rgb(173,32,221)
```
#bc20dd
```
#bc20dd rgb(188,32,221)
```
#cc20dd
```
#cc20dd rgb(204,32,221)
```
#dc20dd
```
#dc20dd rgb(220,32,221)
```
#dd20cf
```
#dd20cf rgb(221,32,207)
```
#dd20bf
```
#dd20bf rgb(221,32,191)
```

Similar Colors

Text with hexadecimal color #cc20dd

This text has a font color of #cc20dd.

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

#cc20dd background color

This paragraph has a background color of #cc20dd.

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

#cc20dd border color

This element has a border color of #cc20dd.

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

CSS codes

.text {color:#cc20dd;}

.background {background-color:#cc20dd;}

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

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

#0e020f
```
#0e020f rgb(14,2,15)
```
#1e0521
```
#1e0521 rgb(30,5,33)
```
#2e0732
```
#2e0732 rgb(46,7,50)
```
#3e0a43
```
#3e0a43 rgb(62,10,67)
```
#4d0c54
```
#4d0c54 rgb(77,12,84)
```
#5d0f65
```
#5d0f65 rgb(93,15,101)
```
#6d1176
```
#6d1176 rgb(109,17,118)
```
#7d1487
```
#7d1487 rgb(125,20,135)
```
#8d1698
```
#8d1698 rgb(141,22,152)
```
#9d19aa
```
#9d19aa rgb(157,25,170)
```
#ac1bbb
```
#ac1bbb rgb(172,27,187)
```
#bc1ecc
```
#bc1ecc rgb(188,30,204)
```
#cc20dd
```
#cc20dd rgb(204,32,221)
```

Shade Color Variation

#d130e1
```
#d130e1 rgb(209,48,225)
```
#d541e3
```
#d541e3 rgb(213,65,227)
```
#d952e6
```
#d952e6 rgb(217,82,230)
```
#dc63e8
```
#dc63e8 rgb(220,99,232)
```
#e074eb
```
#e074eb rgb(224,116,235)
```
#e485ed
```
#e485ed rgb(228,133,237)
```
#e896f0
```
#e896f0 rgb(232,150,240)
```
#eca8f2
```
#eca8f2 rgb(236,168,242)
```
#efb9f5
```
#efb9f5 rgb(239,185,245)
```
#f3caf7
```
#f3caf7 rgb(243,202,247)
```
#f7dbfa
```
#f7dbfa rgb(247,219,250)
```
#fbecfc
```
#fbecfc rgb(251,236,252)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#847885
```
#847885 rgb(132,120,133)
```
#8c6e8f
```
#8c6e8f rgb(140,110,143)
```
#946499
```
#946499 rgb(148,100,153)
```
#9c5aa3
```
#9c5aa3 rgb(156,90,163)
```
#a451ac
```
#a451ac rgb(164,81,172)
```
#ac47b6
```
#ac47b6 rgb(172,71,182)
```
#b43dc0
```
#b43dc0 rgb(180,61,192)
```
#bc33ca
```
#bc33ca rgb(188,51,202)
```
#c42ad3
```
#c42ad3 rgb(196,42,211)
```
#cc20dd
```
#cc20dd rgb(204,32,221)
```
#d416e7
```
#d416e7 rgb(212,22,231)
```
#dc0df0
```
#dc0df0 rgb(220,13,240)
```
#e403fa
```
#e403fa rgb(228,3,250)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7d5a80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf2 Protanopia 1% of men
#4880ca Deuteranopia 1% of men
#be646a Tritanopia 0.001% of the population

Trichromacy

#4a5aea Protanomaly 1% of men, 0.01% of women
#785dd1 Deuteranomaly 6% of men, 0.4% of women
#c34b94 Tritanomaly 0.01% of the population

#cc20dd hex color

#cc20dd Color Information

#cc20dd Color Conversion

Color Schemes with #cc20dd

Alternatives to #cc20dd

#cc20dd Preview

Shades and Tints of #cc20dd

Tones of #cc20dd

Color Blindness Simulator