#cc25ff hex color

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

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

● #cc25ff color description : Vivid magenta.

The hexadecimal color #cc25ff has RGB values of R:204, G:37, B:255 and CMYK values of C:0.2, M:0.85, Y:0, K:0. Its decimal value is 13379071.

Hex triplet	cc25ff	`#cc25ff`
RGB Decimal	204, 37, 255	`rgb(204,37,255)`
RGB Percent	80, 14.5, 100	`rgb(80%,14.5%,100%)`
CMYK	20, 85, 0, 0
HSL	286°, 100, 57.3	`hsl(286,100%,57.3%)`
HSV (or HSB)	286°, 85.5, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.365, 86.658, -72.47
XYZ	43.611, 21.382, 96.432
xyY	0.27, 0.132, 21.382
CIE-LCH	53.365, 112.967, 320.095
CIE-LUV	53.365, 47.897, -120.659
Hunter-Lab	46.241, 87.426, -91.276
Binary	11001100, 00100101, 11111111

#cc25ff
```
#cc25ff rgb(204,37,255)
```
#58ff25
```
#58ff25 rgb(88,255,37)
```

Complementary Color

#5f25ff
```
#5f25ff rgb(95,37,255)
```
#cc25ff
```
#cc25ff rgb(204,37,255)
```
#ff25c5
```
#ff25c5 rgb(255,37,197)
```

Analogous Color

#25ff5f
```
#25ff5f rgb(37,255,95)
```
#cc25ff
```
#cc25ff rgb(204,37,255)
```
#c5ff25
```
#c5ff25 rgb(197,255,37)
```

Split Complementary Color

#25ffcc
```
#25ffcc rgb(37,255,204)
```
#cc25ff
```
#cc25ff rgb(204,37,255)
```
#ffcc25
```
#ffcc25 rgb(255,204,37)
```

Triadic Color

#2558ff
```
#2558ff rgb(37,88,255)
```
#cc25ff
```
#cc25ff rgb(204,37,255)
```
#ffcc25
```
#ffcc25 rgb(255,204,37)
```
#58ff25
```
#58ff25 rgb(88,255,37)
```

Tetradic Color

#a500d8
```
#a500d8 rgb(165,0,216)
```
#b900f1
```
#b900f1 rgb(185,0,241)
```
#c60cff
```
#c60cff rgb(198,12,255)
```
#cc25ff
```
#cc25ff rgb(204,37,255)
```
#d23fff
```
#d23fff rgb(210,63,255)
```
#d858ff
```
#d858ff rgb(216,88,255)
```
#de72ff
```
#de72ff rgb(222,114,255)
```

Monochromatic Color

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

#9625ff
```
#9625ff rgb(150,37,255)
```
#a825ff
```
#a825ff rgb(168,37,255)
```
#ba25ff
```
#ba25ff rgb(186,37,255)
```
#cc25ff
```
#cc25ff rgb(204,37,255)
```
#de25ff
```
#de25ff rgb(222,37,255)
```
#f025ff
```
#f025ff rgb(240,37,255)
```
#ff25fc
```
#ff25fc rgb(255,37,252)
```

Similar Colors

Text with hexadecimal color #cc25ff

This text has a font color of #cc25ff.

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

#cc25ff background color

This paragraph has a background color of #cc25ff.

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

#cc25ff border color

This element has a border color of #cc25ff.

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

CSS codes

.text {color:#cc25ff;}

.background {background-color:#cc25ff;}

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

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

#0d0011
```
#0d0011 rgb(13,0,17)
```
#1c0025
```
#1c0025 rgb(28,0,37)
```
#2b0039
```
#2b0039 rgb(43,0,57)
```
#3a004c
```
#3a004c rgb(58,0,76)
```
#490060
```
#490060 rgb(73,0,96)
```
#580073
```
#580073 rgb(88,0,115)
```
#670087
```
#670087 rgb(103,0,135)
```
#77009b
```
#77009b rgb(119,0,155)
```
#8600ae
```
#8600ae rgb(134,0,174)
```
#9500c2
```
#9500c2 rgb(149,0,194)
```
#a400d6
```
#a400d6 rgb(164,0,214)
```
#b300e9
```
#b300e9 rgb(179,0,233)
```
#c200fd
```
#c200fd rgb(194,0,253)
```

Shade Color Variation

#c711ff
```
#c711ff rgb(199,17,255)
```
#cc25ff
```
#cc25ff rgb(204,37,255)
```
#d139ff
```
#d139ff rgb(209,57,255)
```
#d54cff
```
#d54cff rgb(213,76,255)
```
#da60ff
```
#da60ff rgb(218,96,255)
```
#de73ff
```
#de73ff rgb(222,115,255)
```
#e387ff
```
#e387ff rgb(227,135,255)
```
#e89bff
```
#e89bff rgb(232,155,255)
```
#ecaeff
```
#ecaeff rgb(236,174,255)
```
#f1c2ff
```
#f1c2ff rgb(241,194,255)
```
#f5d6ff
```
#f5d6ff rgb(245,214,255)
```
#fae9ff
```
#fae9ff rgb(250,233,255)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#968a9a
```
#968a9a rgb(150,138,154)
```
#9b81a3
```
#9b81a3 rgb(155,129,163)
```
#9f79ab
```
#9f79ab rgb(159,121,171)
```
#a470b4
```
#a470b4 rgb(164,112,180)
```
#a868bc
```
#a868bc rgb(168,104,188)
```
#ad60c4
```
#ad60c4 rgb(173,96,196)
```
#b157cd
```
#b157cd rgb(177,87,205)
```
#b64fd5
```
#b64fd5 rgb(182,79,213)
```
#ba47dd
```
#ba47dd rgb(186,71,221)
```
#bf3ee6
```
#bf3ee6 rgb(191,62,230)
```
#c336ee
```
#c336ee rgb(195,54,238)
```
#c82df7
```
#c82df7 rgb(200,45,247)
```
#cc25ff
```
#cc25ff rgb(204,37,255)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#82618d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0082fd Protanopia 1% of men
#0088e2 Deuteranopia 1% of men
#b87279 Tritanopia 0.001% of the population

Trichromacy

#4a60fe Protanomaly 1% of men, 0.01% of women
#4a64ec Deuteranomaly 6% of men, 0.4% of women
#bf56aa Tritanomaly 0.01% of the population

#cc25ff hex color

#cc25ff Color Information

#cc25ff Color Conversion

Color Schemes with #cc25ff

Alternatives to #cc25ff

#cc25ff Preview

Shades and Tints of #cc25ff

Tones of #cc25ff

Color Blindness Simulator