#cc48e2 hex color

In a RGB color space, hex #cc48e2 is composed of 80% red, 28.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 9.7% cyan, 68.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 291.4 degrees, a saturation of 72.6% and a lightness of 58.4%. #cc48e2 color hex could be obtained by blending #ff90ff with #9900c5. Closest websafe color is: #cc33cc.

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

● #cc48e2 color description : Soft magenta.

The hexadecimal color #cc48e2 has RGB values of R:204, G:72, B:226 and CMYK values of C:0.1, M:0.68, Y:0, K:0.11. Its decimal value is 13388002.

Hex triplet	cc48e2	`#cc48e2`
RGB Decimal	204, 72, 226	`rgb(204,72,226)`
RGB Percent	80, 28.2, 88.6	`rgb(80%,28.2%,88.6%)`
CMYK	10, 68, 0, 11
HSL	291.4°, 72.6, 58.4	`hsl(291.4,72.6%,58.4%)`
HSV (or HSB)	291.4°, 68.1, 88.6
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	55.036, 71.432, -53.541
XYZ	40.945, 22.965, 74.223
xyY	0.296, 0.166, 22.965
CIE-LCH	55.036, 89.27, 323.147
CIE-LUV	55.036, 51.154, -91.898
Hunter-Lab	47.922, 68.65, -58.285
Binary	11001100, 01001000, 11100010

#cc48e2
```
#cc48e2 rgb(204,72,226)
```
#5ee248
```
#5ee248 rgb(94,226,72)
```

Complementary Color

#7f48e2
```
#7f48e2 rgb(127,72,226)
```
#cc48e2
```
#cc48e2 rgb(204,72,226)
```
#e248ab
```
#e248ab rgb(226,72,171)
```

Analogous Color

#48e27f
```
#48e27f rgb(72,226,127)
```
#cc48e2
```
#cc48e2 rgb(204,72,226)
```
#abe248
```
#abe248 rgb(171,226,72)
```

Split Complementary Color

#48e2cc
```
#48e2cc rgb(72,226,204)
```
#cc48e2
```
#cc48e2 rgb(204,72,226)
```
#e2cc48
```
#e2cc48 rgb(226,204,72)
```

Triadic Color

#485ee2
```
#485ee2 rgb(72,94,226)
```
#cc48e2
```
#cc48e2 rgb(204,72,226)
```
#e2cc48
```
#e2cc48 rgb(226,204,72)
```
#5ee248
```
#5ee248 rgb(94,226,72)
```

Tetradic Color

#a81ebf
```
#a81ebf rgb(168,30,191)
```
#bc22d5
```
#bc22d5 rgb(188,34,213)
```
#c632df
```
#c632df rgb(198,50,223)
```
#cc48e2
```
#cc48e2 rgb(204,72,226)
```
#d25ee5
```
#d25ee5 rgb(210,94,229)
```
#d874e9
```
#d874e9 rgb(216,116,233)
```
#de8aec
```
#de8aec rgb(222,138,236)
```

Monochromatic Color

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

#a648e2
```
#a648e2 rgb(166,72,226)
```
#b248e2
```
#b248e2 rgb(178,72,226)
```
#bf48e2
```
#bf48e2 rgb(191,72,226)
```
#cc48e2
```
#cc48e2 rgb(204,72,226)
```
#d948e2
```
#d948e2 rgb(217,72,226)
```
#e248de
```
#e248de rgb(226,72,222)
```
#e248d2
```
#e248d2 rgb(226,72,210)
```

Similar Colors

Text with hexadecimal color #cc48e2

This text has a font color of #cc48e2.

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

#cc48e2 background color

This paragraph has a background color of #cc48e2.

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

#cc48e2 border color

This element has a border color of #cc48e2.

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

CSS codes

.text {color:#cc48e2;}

.background {background-color:#cc48e2;}

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

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

#030103
```
#030103 rgb(3,1,3)
```
#120314
```
#120314 rgb(18,3,20)
```
#210625
```
#210625 rgb(33,6,37)
```
#300936
```
#300936 rgb(48,9,54)
```
#3e0b47
```
#3e0b47 rgb(62,11,71)
```
#4d0e58
```
#4d0e58 rgb(77,14,88)
```
#5c1169
```
#5c1169 rgb(92,17,105)
```
#6b137a
```
#6b137a rgb(107,19,122)
```
#7a168b
```
#7a168b rgb(122,22,139)
```
#89199c
```
#89199c rgb(137,25,156)
```
#981bad
```
#981bad rgb(152,27,173)
```
#a71ebe
```
#a71ebe rgb(167,30,190)
```
#b621ce
```
#b621ce rgb(182,33,206)
```

Shade Color Variation

#c326dd
```
#c326dd rgb(195,38,221)
```
#c737df
```
#c737df rgb(199,55,223)
```
#cc48e2
```
#cc48e2 rgb(204,72,226)
```
#d159e5
```
#d159e5 rgb(209,89,229)
```
#d56ae7
```
#d56ae7 rgb(213,106,231)
```
#da7bea
```
#da7bea rgb(218,123,234)
```
#df8ced
```
#df8ced rgb(223,140,237)
```
#e49def
```
#e49def rgb(228,157,239)
```
#e8aef2
```
#e8aef2 rgb(232,174,242)
```
#edbff5
```
#edbff5 rgb(237,191,245)
```
#f2cff7
```
#f2cff7 rgb(242,207,247)
```
#f6e0fa
```
#f6e0fa rgb(246,224,250)
```
#fbf1fd
```
#fbf1fd rgb(251,241,253)
```

Tint Color Variation

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

#989199
```
#989199 rgb(152,145,153)
```
#9d89a1
```
#9d89a1 rgb(157,137,161)
```
#a381a9
```
#a381a9 rgb(163,129,169)
```
#a979b1
```
#a979b1 rgb(169,121,177)
```
#af71b9
```
#af71b9 rgb(175,113,185)
```
#b569c1
```
#b569c1 rgb(181,105,193)
```
#bb60ca
```
#bb60ca rgb(187,96,202)
```
#c058d2
```
#c058d2 rgb(192,88,210)
```
#c650da
```
#c650da rgb(198,80,218)
```
#cc48e2
```
#cc48e2 rgb(204,72,226)
```
#d240ea
```
#d240ea rgb(210,64,234)
```
#d838f2
```
#d838f2 rgb(216,56,242)
```
#dd30fa
```
#dd30fa rgb(221,48,250)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#907694 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3186ff Protanopia 1% of men
#5c8ad3 Deuteranopia 1% of men
#bf747c Tritanopia 0.001% of the population

Trichromacy

#696ff4 Protanomaly 1% of men, 0.01% of women
#8472d8 Deuteranomaly 6% of men, 0.4% of women
#c364a1 Tritanomaly 0.01% of the population

#cc48e2 hex color

#cc48e2 Color Information

#cc48e2 Color Conversion

Color Schemes with #cc48e2

Alternatives to #cc48e2

#cc48e2 Preview

Shades and Tints of #cc48e2

Tones of #cc48e2

Color Blindness Simulator