#cc02f5 hex color

In a RGB color space, hex #cc02f5 is composed of 80% red, 0.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 99.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 289.9 degrees, a saturation of 98.4% and a lightness of 48.4%. #cc02f5 color hex could be obtained by blending #ff04ff with #9900eb. Closest websafe color is: #cc00ff.

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

● #cc02f5 color description : Vivid magenta.

The hexadecimal color #cc02f5 has RGB values of R:204, G:2, B:245 and CMYK values of C:0.17, M:0.99, Y:0, K:0.04. Its decimal value is 13370101.

Hex triplet	cc02f5	`#cc02f5`
RGB Decimal	204, 2, 245	`rgb(204,2,245)`
RGB Percent	80, 0.8, 96.1	`rgb(80%,0.8%,96.1%)`
CMYK	17, 99, 0, 4
HSL	289.9°, 98.4, 48.4	`hsl(289.9,98.4%,48.4%)`
HSV (or HSB)	289.9°, 99.2, 96.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	51.239, 89.203, -70.339
XYZ	41.403, 19.475, 87.959
xyY	0.278, 0.131, 19.475
CIE-LCH	51.239, 113.599, 321.743
CIE-LUV	51.239, 52.873, -116.528
Hunter-Lab	44.131, 90.237, -87.282
Binary	11001100, 00000010, 11110101

#cc02f5
```
#cc02f5 rgb(204,2,245)
```
#2bf502
```
#2bf502 rgb(43,245,2)
```

Complementary Color

#5202f5
```
#5202f5 rgb(82,2,245)
```
#cc02f5
```
#cc02f5 rgb(204,2,245)
```
#f502a5
```
#f502a5 rgb(245,2,165)
```

Analogous Color

#02f553
```
#02f553 rgb(2,245,83)
```
#cc02f5
```
#cc02f5 rgb(204,2,245)
```
#a5f502
```
#a5f502 rgb(165,245,2)
```

Split Complementary Color

#02f5cc
```
#02f5cc rgb(2,245,204)
```
#cc02f5
```
#cc02f5 rgb(204,2,245)
```
#f5cc02
```
#f5cc02 rgb(245,204,2)
```

Triadic Color

#022bf5
```
#022bf5 rgb(2,43,245)
```
#cc02f5
```
#cc02f5 rgb(204,2,245)
```
#f5cc02
```
#f5cc02 rgb(245,204,2)
```
#2bf502
```
#2bf502 rgb(43,245,2)
```

Tetradic Color

#8d01a9
```
#8d01a9 rgb(141,1,169)
```
#a202c2
```
#a202c2 rgb(162,2,194)
```
#b702dc
```
#b702dc rgb(183,2,220)
```
#cc02f5
```
#cc02f5 rgb(204,2,245)
```
#d613fd
```
#d613fd rgb(214,19,253)
```
#da2dfd
```
#da2dfd rgb(218,45,253)
```
#df46fd
```
#df46fd rgb(223,70,253)
```

Monochromatic Color

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

#8f02f5
```
#8f02f5 rgb(143,2,245)
```
#a402f5
```
#a402f5 rgb(164,2,245)
```
#b802f5
```
#b802f5 rgb(184,2,245)
```
#cc02f5
```
#cc02f5 rgb(204,2,245)
```
#e002f5
```
#e002f5 rgb(224,2,245)
```
#f502f5
```
#f502f5 rgb(245,2,245)
```
#f502e1
```
#f502e1 rgb(245,2,225)
```

Similar Colors

Text with hexadecimal color #cc02f5

This text has a font color of #cc02f5.

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

#cc02f5 background color

This paragraph has a background color of #cc02f5.

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

#cc02f5 border color

This element has a border color of #cc02f5.

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

CSS codes

.text {color:#cc02f5;}

.background {background-color:#cc02f5;}

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

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

#0a000c
```
#0a000c rgb(10,0,12)
```
#1a001f
```
#1a001f rgb(26,0,31)
```
#2a0032
```
#2a0032 rgb(42,0,50)
```
#3a0146
```
#3a0146 rgb(58,1,70)
```
#4a0159
```
#4a0159 rgb(74,1,89)
```
#5b016d
```
#5b016d rgb(91,1,109)
```
#6b0180
```
#6b0180 rgb(107,1,128)
```
#7b0194
```
#7b0194 rgb(123,1,148)
```
#8b01a7
```
#8b01a7 rgb(139,1,167)
```
#9b02bb
```
#9b02bb rgb(155,2,187)
```
#ac02ce
```
#ac02ce rgb(172,2,206)
```
#bc02e2
```
#bc02e2 rgb(188,2,226)
```
#cc02f5
```
#cc02f5 rgb(204,2,245)
```

Shade Color Variation

#d50efd
```
#d50efd rgb(213,14,253)
```
#d821fd
```
#d821fd rgb(216,33,253)
```
#db34fd
```
#db34fd rgb(219,52,253)
```
#df48fe
```
#df48fe rgb(223,72,254)
```
#e25bfe
```
#e25bfe rgb(226,91,254)
```
#e66ffe
```
#e66ffe rgb(230,111,254)
```
#e982fe
```
#e982fe rgb(233,130,254)
```
#ed96fe
```
#ed96fe rgb(237,150,254)
```
#f0a9fe
```
#f0a9fe rgb(240,169,254)
```
#f3bdfe
```
#f3bdfe rgb(243,189,254)
```
#f7d0ff
```
#f7d0ff rgb(247,208,255)
```
#fae4ff
```
#fae4ff rgb(250,228,255)
```
#fef7ff
```
#fef7ff rgb(254,247,255)
```

Tint Color Variation

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

#807483
```
#807483 rgb(128,116,131)
```
#876b8d
```
#876b8d rgb(135,107,141)
```
#8d6196
```
#8d6196 rgb(141,97,150)
```
#9358a0
```
#9358a0 rgb(147,88,160)
```
#9a4ea9
```
#9a4ea9 rgb(154,78,169)
```
#a045b3
```
#a045b3 rgb(160,69,179)
```
#a63bbc
```
#a63bbc rgb(166,59,188)
```
#ad32c6
```
#ad32c6 rgb(173,50,198)
```
#b328cf
```
#b328cf rgb(179,40,207)
```
#b91fd9
```
#b91fd9 rgb(185,31,217)
```
#bf15e2
```
#bf15e2 rgb(191,21,226)
```
#c60cec
```
#c60cec rgb(198,12,236)
```
#cc02f5
```
#cc02f5 rgb(204,2,245)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#714879 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df3 Protanopia 1% of men
#0083da Deuteranopia 1% of men
#b96970 Tritanopia 0.001% of the population

Trichromacy

#4a50f4 Protanomaly 1% of men, 0.01% of women
#4a54e3 Deuteranomaly 6% of men, 0.4% of women
#c043a0 Tritanomaly 0.01% of the population

#cc02f5 hex color

#cc02f5 Color Information

#cc02f5 Color Conversion

Color Schemes with #cc02f5

Alternatives to #cc02f5

#cc02f5 Preview

Shades and Tints of #cc02f5

Tones of #cc02f5

Color Blindness Simulator