#cc45e5 hex color

In a RGB color space, hex #cc45e5 is composed of 80% red, 27.1% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 69.9% magenta, 0% yellow and 10.2% black. It has a hue angle of 290.6 degrees, a saturation of 75.5% and a lightness of 58.4%. #cc45e5 color hex could be obtained by blending #ff8aff with #9900cb. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 80
- G 27
- B 90
RGB color chart
- C 11
- M 70
- Y 0
- K 10
CMYK color chart

● #cc45e5 color description : Soft magenta.

The hexadecimal color #cc45e5 has RGB values of R:204, G:69, B:229 and CMYK values of C:0.11, M:0.7, Y:0, K:0.1. Its decimal value is 13387237.

Hex triplet	cc45e5	`#cc45e5`
RGB Decimal	204, 69, 229	`rgb(204,69,229)`
RGB Percent	80, 27.1, 89.8	`rgb(80%,27.1%,89.8%)`
CMYK	11, 70, 0, 10
HSL	290.6°, 75.5, 58.4	`hsl(290.6,75.5%,58.4%)`
HSV (or HSB)	290.6°, 69.9, 89.8
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	54.817, 73.072, -55.583
XYZ	41.171, 22.753, 76.348
xyY	0.294, 0.162, 22.753
CIE-LCH	54.817, 91.81, 322.741
CIE-LUV	54.817, 50.932, -95.11
Hunter-Lab	47.7, 70.595, -61.509
Binary	11001100, 01000101, 11100101

#cc45e5
```
#cc45e5 rgb(204,69,229)
```
#5ee545
```
#5ee545 rgb(94,229,69)
```

Complementary Color

#7c45e5
```
#7c45e5 rgb(124,69,229)
```
#cc45e5
```
#cc45e5 rgb(204,69,229)
```
#e545ae
```
#e545ae rgb(229,69,174)
```

Analogous Color

#45e57c
```
#45e57c rgb(69,229,124)
```
#cc45e5
```
#cc45e5 rgb(204,69,229)
```
#aee545
```
#aee545 rgb(174,229,69)
```

Split Complementary Color

#45e5cc
```
#45e5cc rgb(69,229,204)
```
#cc45e5
```
#cc45e5 rgb(204,69,229)
```
#e5cc45
```
#e5cc45 rgb(229,204,69)
```

Triadic Color

#455ee5
```
#455ee5 rgb(69,94,229)
```
#cc45e5
```
#cc45e5 rgb(204,69,229)
```
#e5cc45
```
#e5cc45 rgb(229,204,69)
```
#5ee545
```
#5ee545 rgb(94,229,69)
```

Tetradic Color

#a81bc2
```
#a81bc2 rgb(168,27,194)
```
#bc1ed9
```
#bc1ed9 rgb(188,30,217)
```
#c62fe2
```
#c62fe2 rgb(198,47,226)
```
#cc45e5
```
#cc45e5 rgb(204,69,229)
```
#d25be8
```
#d25be8 rgb(210,91,232)
```
#d872eb
```
#d872eb rgb(216,114,235)
```
#de88ee
```
#de88ee rgb(222,136,238)
```

Monochromatic Color

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

#a445e5
```
#a445e5 rgb(164,69,229)
```
#b145e5
```
#b145e5 rgb(177,69,229)
```
#bf45e5
```
#bf45e5 rgb(191,69,229)
```
#cc45e5
```
#cc45e5 rgb(204,69,229)
```
#d945e5
```
#d945e5 rgb(217,69,229)
```
#e545e3
```
#e545e3 rgb(229,69,227)
```
#e545d6
```
#e545d6 rgb(229,69,214)
```

Similar Colors

Text with hexadecimal color #cc45e5

This text has a font color of #cc45e5.

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

#cc45e5 background color

This paragraph has a background color of #cc45e5.

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

#cc45e5 border color

This element has a border color of #cc45e5.

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

CSS codes

.text {color:#cc45e5;}

.background {background-color:#cc45e5;}

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

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, #030003 is the darkest color, while #fbf1fd is the lightest one.

#030003
```
#030003 rgb(3,0,3)
```
#120315
```
#120315 rgb(18,3,21)
```
#210526
```
#210526 rgb(33,5,38)
```
#300837
```
#300837 rgb(48,8,55)
```
#3e0a48
```
#3e0a48 rgb(62,10,72)
```
#4d0c59
```
#4d0c59 rgb(77,12,89)
```
#5c0f6b
```
#5c0f6b rgb(92,15,107)
```
#6b117c
```
#6b117c rgb(107,17,124)
```
#7a148d
```
#7a148d rgb(122,20,141)
```
#89169e
```
#89169e rgb(137,22,158)
```
#9819af
```
#9819af rgb(152,25,175)
```
#a71bc1
```
#a71bc1 rgb(167,27,193)
```
#b61dd2
```
#b61dd2 rgb(182,29,210)
```

Shade Color Variation

#c323e0
```
#c323e0 rgb(195,35,224)
```
#c734e3
```
#c734e3 rgb(199,52,227)
```
#cc45e5
```
#cc45e5 rgb(204,69,229)
```
#d156e7
```
#d156e7 rgb(209,86,231)
```
#d567ea
```
#d567ea rgb(213,103,234)
```
#da79ec
```
#da79ec rgb(218,121,236)
```
#df8aef
```
#df8aef rgb(223,138,239)
```
#e49bf1
```
#e49bf1 rgb(228,155,241)
```
#e8acf3
```
#e8acf3 rgb(232,172,243)
```
#edbdf6
```
#edbdf6 rgb(237,189,246)
```
#f2cff8
```
#f2cff8 rgb(242,207,248)
```
#f6e0fb
```
#f6e0fb rgb(246,224,251)
```
#fbf1fd
```
#fbf1fd rgb(251,241,253)
```

Tint Color Variation

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

#9a8e9c
```
#9a8e9c rgb(154,142,156)
```
#9f86a4
```
#9f86a4 rgb(159,134,164)
```
#a57eac
```
#a57eac rgb(165,126,172)
```
#aa76b4
```
#aa76b4 rgb(170,118,180)
```
#b06ebc
```
#b06ebc rgb(176,110,188)
```
#b666c4
```
#b666c4 rgb(182,102,196)
```
#bb5dcd
```
#bb5dcd rgb(187,93,205)
```
#c155d5
```
#c155d5 rgb(193,85,213)
```
#c64ddd
```
#c64ddd rgb(198,77,221)
```
#cc45e5
```
#cc45e5 rgb(204,69,229)
```
#d23ded
```
#d23ded rgb(210,61,237)
```
#d735f5
```
#d735f5 rgb(215,53,245)
```
#dd2dfd
```
#dd2dfd rgb(221,45,253)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8f7494 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e85ff Protanopia 1% of men
#568ad5 Deuteranopia 1% of men
#be747c Tritanopia 0.001% of the population

Trichromacy

#676ef5 Protanomaly 1% of men, 0.01% of women
#8171db Deuteranomaly 6% of men, 0.4% of women
#c363a2 Tritanomaly 0.01% of the population

#cc45e5 hex color

#cc45e5 Color Information

#cc45e5 Color Conversion

Color Schemes with #cc45e5

Alternatives to #cc45e5

#cc45e5 Preview

Shades and Tints of #cc45e5

Tones of #cc45e5

Color Blindness Simulator