#cc28e2 hex color

In a RGB color space, hex #cc28e2 is composed of 80% red, 15.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 9.7% cyan, 82.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 292.9 degrees, a saturation of 76.2% and a lightness of 52.2%. #cc28e2 color hex could be obtained by blending #ff50ff with #9900c5. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 80
- G 16
- B 89
RGB color chart
- C 10
- M 82
- Y 0
- K 11
CMYK color chart

● #cc28e2 color description : Bright magenta.

The hexadecimal color #cc28e2 has RGB values of R:204, G:40, B:226 and CMYK values of C:0.1, M:0.82, Y:0, K:0.11. Its decimal value is 13379810.

Hex triplet	cc28e2	`#cc28e2`
RGB Decimal	204, 40, 226	`rgb(204,40,226)`
RGB Percent	80, 15.7, 88.6	`rgb(80%,15.7%,88.6%)`
CMYK	10, 82, 0, 11
HSL	292.9°, 76.2, 52.2	`hsl(292.9,76.2%,52.2%)`
HSV (or HSB)	292.9°, 82.3, 88.6
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	51.665, 81.11, -58.942
XYZ	39.387, 19.848, 73.704
xyY	0.296, 0.149, 19.848
CIE-LCH	51.665, 100.265, 323.994
CIE-LUV	51.665, 56.681, -99.626
Hunter-Lab	44.551, 79.843, -66.901
Binary	11001100, 00101000, 11100010

#cc28e2
```
#cc28e2 rgb(204,40,226)
```
#3ee228
```
#3ee228 rgb(62,226,40)
```

Complementary Color

#6f28e2
```
#6f28e2 rgb(111,40,226)
```
#cc28e2
```
#cc28e2 rgb(204,40,226)
```
#e2289b
```
#e2289b rgb(226,40,155)
```

Analogous Color

#28e26f
```
#28e26f rgb(40,226,111)
```
#cc28e2
```
#cc28e2 rgb(204,40,226)
```
#9be228
```
#9be228 rgb(155,226,40)
```

Split Complementary Color

#28e2cc
```
#28e2cc rgb(40,226,204)
```
#cc28e2
```
#cc28e2 rgb(204,40,226)
```
#e2cc28
```
#e2cc28 rgb(226,204,40)
```

Triadic Color

#283ee2
```
#283ee2 rgb(40,62,226)
```
#cc28e2
```
#cc28e2 rgb(204,40,226)
```
#e2cc28
```
#e2cc28 rgb(226,204,40)
```
#3ee228
```
#3ee228 rgb(62,226,40)
```

Tetradic Color

#9617a7
```
#9617a7 rgb(150,23,167)
```
#aa1abd
```
#aa1abd rgb(170,26,189)
```
#be1dd4
```
#be1dd4 rgb(190,29,212)
```
#cc28e2
```
#cc28e2 rgb(204,40,226)
```
#d13ee5
```
#d13ee5 rgb(209,62,229)
```
#d755e8
```
#d755e8 rgb(215,85,232)
```
#dc6beb
```
#dc6beb rgb(220,107,235)
```

Monochromatic Color

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

#9e28e2
```
#9e28e2 rgb(158,40,226)
```
#ad28e2
```
#ad28e2 rgb(173,40,226)
```
#bd28e2
```
#bd28e2 rgb(189,40,226)
```
#cc28e2
```
#cc28e2 rgb(204,40,226)
```
#dc28e2
```
#dc28e2 rgb(220,40,226)
```
#e228d9
```
#e228d9 rgb(226,40,217)
```
#e228ca
```
#e228ca rgb(226,40,202)
```

Similar Colors

Text with hexadecimal color #cc28e2

This text has a font color of #cc28e2.

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

#cc28e2 background color

This paragraph has a background color of #cc28e2.

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

#cc28e2 border color

This element has a border color of #cc28e2.

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

CSS codes

.text {color:#cc28e2;}

.background {background-color:#cc28e2;}

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

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, #09010a is the darkest color, while #fdf7fe is the lightest one.

#09010a
```
#09010a rgb(9,1,10)
```
#18041b
```
#18041b rgb(24,4,27)
```
#28062c
```
#28062c rgb(40,6,44)
```
#37083e
```
#37083e rgb(55,8,62)
```
#470b4f
```
#470b4f rgb(71,11,79)
```
#560d60
```
#560d60 rgb(86,13,96)
```
#660f71
```
#660f71 rgb(102,15,113)
```
#751283
```
#751283 rgb(117,18,131)
```
#851494
```
#851494 rgb(133,20,148)
```
#9416a5
```
#9416a5 rgb(148,22,165)
```
#a419b7
```
#a419b7 rgb(164,25,183)
```
#b31bc8
```
#b31bc8 rgb(179,27,200)
```
#c31dd9
```
#c31dd9 rgb(195,29,217)
```

Shade Color Variation

#cc28e2
```
#cc28e2 rgb(204,40,226)
```
#d039e4
```
#d039e4 rgb(208,57,228)
```
#d44be7
```
#d44be7 rgb(212,75,231)
```
#d85ce9
```
#d85ce9 rgb(216,92,233)
```
#dc6deb
```
#dc6deb rgb(220,109,235)
```
#e07eee
```
#e07eee rgb(224,126,238)
```
#e590f0
```
#e590f0 rgb(229,144,240)
```
#e9a1f2
```
#e9a1f2 rgb(233,161,242)
```
#edb2f5
```
#edb2f5 rgb(237,178,245)
```
#f1c4f7
```
#f1c4f7 rgb(241,196,247)
```
#f5d5f9
```
#f5d5f9 rgb(245,213,249)
```
#f9e6fc
```
#f9e6fc rgb(249,230,252)
```
#fdf7fe
```
#fdf7fe rgb(253,247,254)
```

Tint Color Variation

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

#8c7c8e
```
#8c7c8e rgb(140,124,142)
```
#937397
```
#937397 rgb(147,115,151)
```
#9a6aa0
```
#9a6aa0 rgb(154,106,160)
```
#a160aa
```
#a160aa rgb(161,96,170)
```
#a857b3
```
#a857b3 rgb(168,87,179)
```
#af4ebc
```
#af4ebc rgb(175,78,188)
```
#b744c6
```
#b744c6 rgb(183,68,198)
```
#be3bcf
```
#be3bcf rgb(190,59,207)
```
#c531d9
```
#c531d9 rgb(197,49,217)
```
#cc28e2
```
#cc28e2 rgb(204,40,226)
```
#d31feb
```
#d31feb rgb(211,31,235)
```
#da15f5
```
#da15f5 rgb(218,21,245)
```
#e10cfe
```
#e10cfe rgb(225,12,254)
```

Tone Color Variation

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

Dichromacy

#007ef6 Protanopia 1% of men
#4683cf Deuteranopia 1% of men
#be686f Tritanopia 0.001% of the population

Trichromacy

#4a5eee Protanomaly 1% of men, 0.01% of women
#7661d6 Deuteranomaly 6% of men, 0.4% of women
#c35098 Tritanomaly 0.01% of the population

#cc28e2 hex color

#cc28e2 Color Information

#cc28e2 Color Conversion

Color Schemes with #cc28e2

Alternatives to #cc28e2

#cc28e2 Preview

Shades and Tints of #cc28e2

Tones of #cc28e2

Color Blindness Simulator