colorhexa.com

#cc22fc hex color

In a RGB color space, hex #cc22fc is composed of 80% red, 13.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 86.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 286.8 degrees, a saturation of 97.3% and a lightness of 56.1%. #cc22fc color hex could be obtained by blending #ff44ff with #9900f9. Closest websafe color is: #cc33ff.

- R 80
- G 13
- B 99
RGB color chart
- C 19
- M 87
- Y 0
- K 1
CMYK color chart

● #cc22fc color description : Vivid magenta.

The hexadecimal color #cc22fc has RGB values of R:204, G:34, B:252 and CMYK values of C:0.19, M:0.87, Y:0, K:0.01. Its decimal value is 13378300.

Hex triplet	cc22fc	`#cc22fc`
RGB Decimal	204, 34, 252	`rgb(204,34,252)`
RGB Percent	80, 13.3, 98.8	`rgb(80%,13.3%,98.8%)`
CMYK	19, 87, 0, 1
HSL	286.8°, 97.3, 56.1	`hsl(286.8,97.3%,56.1%)`
HSV (or HSB)	286.8°, 86.5, 98.8
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.962, 86.712, -71.455
XYZ	43.042, 21.012, 93.879
xyY	0.273, 0.133, 21.012
CIE-LCH	52.962, 112.36, 320.51
CIE-LUV	52.962, 49.048, -118.969
Hunter-Lab	45.838, 87.395, -89.341
Binary	11001100, 00100010, 11111100

#cc22fc
```
#cc22fc rgb(204,34,252)
```
#52fc22
```
#52fc22 rgb(82,252,34)
```

Complementary Color

#5f22fc
```
#5f22fc rgb(95,34,252)
```
#cc22fc
```
#cc22fc rgb(204,34,252)
```
#fc22bf
```
#fc22bf rgb(252,34,191)
```

Analogous Color

#22fc5f
```
#22fc5f rgb(34,252,95)
```
#cc22fc
```
#cc22fc rgb(204,34,252)
```
#bffc22
```
#bffc22 rgb(191,252,34)
```

Split Complementary Color

#22fccc
```
#22fccc rgb(34,252,204)
```
#cc22fc
```
#cc22fc rgb(204,34,252)
```
#fccc22
```
#fccc22 rgb(252,204,34)
```

Triadic Color

#2252fc
```
#2252fc rgb(34,82,252)
```
#cc22fc
```
#cc22fc rgb(204,34,252)
```
#fccc22
```
#fccc22 rgb(252,204,34)
```
#52fc22
```
#52fc22 rgb(82,252,34)
```

Tetradic Color

#a203cf
```
#a203cf rgb(162,3,207)
```
#b503e8
```
#b503e8 rgb(181,3,232)
```
#c609fc
```
#c609fc rgb(198,9,252)
```
#cc22fc
```
#cc22fc rgb(204,34,252)
```
#d23bfc
```
#d23bfc rgb(210,59,252)
```
#d854fd
```
#d854fd rgb(216,84,253)
```
#dd6dfd
```
#dd6dfd rgb(221,109,253)
```

Monochromatic Color

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

#9622fc
```
#9622fc rgb(150,34,252)
```
#a822fc
```
#a822fc rgb(168,34,252)
```
#ba22fc
```
#ba22fc rgb(186,34,252)
```
#cc22fc
```
#cc22fc rgb(204,34,252)
```
#de22fc
```
#de22fc rgb(222,34,252)
```
#f022fc
```
#f022fc rgb(240,34,252)
```
#fc22f6
```
#fc22f6 rgb(252,34,246)
```

Similar Colors

Text with hexadecimal color #cc22fc

This text has a font color of #cc22fc.

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

#cc22fc background color

This paragraph has a background color of #cc22fc.

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

#cc22fc border color

This element has a border color of #cc22fc.

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

CSS codes

.text {color:#cc22fc;}

.background {background-color:#cc22fc;}

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

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, #09000b is the darkest color, while #fdf7ff is the lightest one.

#09000b
```
#09000b rgb(9,0,11)
```
#18001f
```
#18001f rgb(24,0,31)
```
#270132
```
#270132 rgb(39,1,50)
```
#360145
```
#360145 rgb(54,1,69)
```
#450159
```
#450159 rgb(69,1,89)
```
#55016c
```
#55016c rgb(85,1,108)
```
#64027f
```
#64027f rgb(100,2,127)
```
#730293
```
#730293 rgb(115,2,147)
```
#8202a6
```
#8202a6 rgb(130,2,166)
```
#9103b9
```
#9103b9 rgb(145,3,185)
```
#a003cd
```
#a003cd rgb(160,3,205)
```
#af03e0
```
#af03e0 rgb(175,3,224)
```
#bf03f3
```
#bf03f3 rgb(191,3,243)
```

Shade Color Variation

#c80ffc
```
#c80ffc rgb(200,15,252)
```
#cc22fc
```
#cc22fc rgb(204,34,252)
```
#d035fc
```
#d035fc rgb(208,53,252)
```
#d549fd
```
#d549fd rgb(213,73,253)
```
#d95cfd
```
#d95cfd rgb(217,92,253)
```
#de6ffd
```
#de6ffd rgb(222,111,253)
```
#e283fd
```
#e283fd rgb(226,131,253)
```
#e796fe
```
#e796fe rgb(231,150,254)
```
#eba9fe
```
#eba9fe rgb(235,169,254)
```
#f0bdfe
```
#f0bdfe rgb(240,189,254)
```
#f4d0fe
```
#f4d0fe rgb(244,208,254)
```
#f9e4ff
```
#f9e4ff rgb(249,228,255)
```
#fdf7ff
```
#fdf7ff rgb(253,247,255)
```

Tint Color Variation

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

#928995
```
#928995 rgb(146,137,149)
```
#97819d
```
#97819d rgb(151,129,157)
```
#9c78a6
```
#9c78a6 rgb(156,120,166)
```
#a170ae
```
#a170ae rgb(161,112,174)
```
#a567b7
```
#a567b7 rgb(165,103,183)
```
#aa5ec0
```
#aa5ec0 rgb(170,94,192)
```
#af56c8
```
#af56c8 rgb(175,86,200)
```
#b44dd1
```
#b44dd1 rgb(180,77,209)
```
#b944da
```
#b944da rgb(185,68,218)
```
#be3ce2
```
#be3ce2 rgb(190,60,226)
```
#c233eb
```
#c233eb rgb(194,51,235)
```
#c72bf3
```
#c72bf3 rgb(199,43,243)
```
#cc22fc
```
#cc22fc rgb(204,34,252)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#815f8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fb Protanopia 1% of men
#0087e1 Deuteranopia 1% of men
#b87077 Tritanopia 0.001% of the population

Trichromacy

#4a5efb Protanomaly 1% of men, 0.01% of women
#4a62ea Deuteranomaly 6% of men, 0.4% of women
#bf53a7 Tritanomaly 0.01% of the population