#cc2cf4 hex color

In a RGB color space, hex #cc2cf4 is composed of 80% red, 17.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 16.4% cyan, 82% magenta, 0% yellow and 4.3% black. It has a hue angle of 288 degrees, a saturation of 90.1% and a lightness of 56.5%. #cc2cf4 color hex could be obtained by blending #ff58ff with #9900e9. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 80
- G 17
- B 96
RGB color chart
- C 16
- M 82
- Y 0
- K 4
CMYK color chart

● #cc2cf4 color description : Bright magenta.

The hexadecimal color #cc2cf4 has RGB values of R:204, G:44, B:244 and CMYK values of C:0.16, M:0.82, Y:0, K:0.04. Its decimal value is 13380852.

Hex triplet	cc2cf4	`#cc2cf4`
RGB Decimal	204, 44, 244	`rgb(204,44,244)`
RGB Percent	80, 17.3, 95.7	`rgb(80%,17.3%,95.7%)`
CMYK	16, 82, 0, 4
HSL	288°, 90.1, 56.5	`hsl(288,90.1%,56.5%)`
HSV (or HSB)	288°, 82, 95.7
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.138, 83.223, -66.705
XYZ	42.13, 21.172, 87.451
xyY	0.279, 0.14, 21.172
CIE-LCH	53.138, 106.656, 321.287
CIE-LUV	53.138, 50.471, -111.919
Hunter-Lab	46.013, 82.911, -80.474
Binary	11001100, 00101100, 11110100

#cc2cf4
```
#cc2cf4 rgb(204,44,244)
```
#54f42c
```
#54f42c rgb(84,244,44)
```

Complementary Color

#682cf4
```
#682cf4 rgb(104,44,244)
```
#cc2cf4
```
#cc2cf4 rgb(204,44,244)
```
#f42cb8
```
#f42cb8 rgb(244,44,184)
```

Analogous Color

#2cf468
```
#2cf468 rgb(44,244,104)
```
#cc2cf4
```
#cc2cf4 rgb(204,44,244)
```
#b8f42c
```
#b8f42c rgb(184,244,44)
```

Split Complementary Color

#2cf4cc
```
#2cf4cc rgb(44,244,204)
```
#cc2cf4
```
#cc2cf4 rgb(204,44,244)
```
#f4cc2c
```
#f4cc2c rgb(244,204,44)
```

Triadic Color

#2c54f4
```
#2c54f4 rgb(44,84,244)
```
#cc2cf4
```
#cc2cf4 rgb(204,44,244)
```
#f4cc2c
```
#f4cc2c rgb(244,204,44)
```
#54f42c
```
#54f42c rgb(84,244,44)
```

Tetradic Color

#a30ac9
```
#a30ac9 rgb(163,10,201)
```
#b70ce1
```
#b70ce1 rgb(183,12,225)
```
#c614f3
```
#c614f3 rgb(198,20,243)
```
#cc2cf4
```
#cc2cf4 rgb(204,44,244)
```
#d244f5
```
#d244f5 rgb(210,68,245)
```
#d85cf7
```
#d85cf7 rgb(216,92,247)
```
#de75f8
```
#de75f8 rgb(222,117,248)
```

Monochromatic Color

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

#9a2cf4
```
#9a2cf4 rgb(154,44,244)
```
#ab2cf4
```
#ab2cf4 rgb(171,44,244)
```
#bb2cf4
```
#bb2cf4 rgb(187,44,244)
```
#cc2cf4
```
#cc2cf4 rgb(204,44,244)
```
#dd2cf4
```
#dd2cf4 rgb(221,44,244)
```
#ed2cf4
```
#ed2cf4 rgb(237,44,244)
```
#f42cea
```
#f42cea rgb(244,44,234)
```

Similar Colors

Text with hexadecimal color #cc2cf4

This text has a font color of #cc2cf4.

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

#cc2cf4 background color

This paragraph has a background color of #cc2cf4.

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

#cc2cf4 border color

This element has a border color of #cc2cf4.

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

CSS codes

.text {color:#cc2cf4;}

.background {background-color:#cc2cf4;}

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

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

#0a010d
```
#0a010d rgb(10,1,13)
```
#19021f
```
#19021f rgb(25,2,31)
```
#290332
```
#290332 rgb(41,3,50)
```
#380445
```
#380445 rgb(56,4,69)
```
#470557
```
#470557 rgb(71,5,87)
```
#56066a
```
#56066a rgb(86,6,106)
```
#65067d
```
#65067d rgb(101,6,125)
```
#74078f
```
#74078f rgb(116,7,143)
```
#8308a2
```
#8308a2 rgb(131,8,162)
```
#9209b5
```
#9209b5 rgb(146,9,181)
```
#a10ac7
```
#a10ac7 rgb(161,10,199)
```
#b10bda
```
#b10bda rgb(177,11,218)
```
#c00cec
```
#c00cec rgb(192,12,236)
```

Shade Color Variation

#c719f3
```
#c719f3 rgb(199,25,243)
```
#cc2cf4
```
#cc2cf4 rgb(204,44,244)
```
#d13ff5
```
#d13ff5 rgb(209,63,245)
```
#d551f6
```
#d551f6 rgb(213,81,246)
```
#da64f7
```
#da64f7 rgb(218,100,247)
```
#de77f8
```
#de77f8 rgb(222,119,248)
```
#e389f9
```
#e389f9 rgb(227,137,249)
```
#e79cfa
```
#e79cfa rgb(231,156,250)
```
#ecaffb
```
#ecaffb rgb(236,175,251)
```
#f0c1fc
```
#f0c1fc rgb(240,193,252)
```
#f5d4fd
```
#f5d4fd rgb(245,212,253)
```
#f9e6fe
```
#f9e6fe rgb(249,230,254)
```
#fef9ff
```
#fef9ff rgb(254,249,255)
```

Tint Color Variation

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

#948a96
```
#948a96 rgb(148,138,150)
```
#99819f
```
#99819f rgb(153,129,159)
```
#9e79a7
```
#9e79a7 rgb(158,121,167)
```
#a370b0
```
#a370b0 rgb(163,112,176)
```
#a868b8
```
#a868b8 rgb(168,104,184)
```
#ad5fc1
```
#ad5fc1 rgb(173,95,193)
```
#b257c9
```
#b257c9 rgb(178,87,201)
```
#b84ed2
```
#b84ed2 rgb(184,78,210)
```
#bd46da
```
#bd46da rgb(189,70,218)
```
#c23de3
```
#c23de3 rgb(194,61,227)
```
#c735eb
```
#c735eb rgb(199,53,235)
```
#cc2cf4
```
#cc2cf4 rgb(204,44,244)
```
#d123fd
```
#d123fd rgb(209,35,253)
```

Tone Color Variation

Below, you can see how #cc2cf4 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
#85658d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fc Protanopia 1% of men
#2887df Deuteranopia 1% of men
#ba7077 Tritanopia 0.001% of the population

Trichromacy

#4a62f9 Protanomaly 1% of men, 0.01% of women
#6366e6 Deuteranomaly 6% of men, 0.4% of women
#c157a4 Tritanomaly 0.01% of the population

#cc2cf4 hex color

#cc2cf4 Color Information

#cc2cf4 Color Conversion

Color Schemes with #cc2cf4

Alternatives to #cc2cf4

#cc2cf4 Preview

Shades and Tints of #cc2cf4

Tones of #cc2cf4

Color Blindness Simulator