#cc30ff Color Information
In a RGB color space, hex #cc30ff is composed of 80% red, 18.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 81.2% magenta, 0% yellow and 0% black. It has a hue angle of 285.2 degrees, a saturation of 100% and a lightness of 59.4%. #cc30ff color hex could be obtained by blending #ff60ff with #9900ff. Closest websafe color is: #cc33ff.
-
- R 80
- G 19
- B 100
-
- C 20
- M 81
- Y 0
- K 0
● #cc30ff color description : Vivid magenta.
#cc30ff Color Conversion
The hexadecimal color #cc30ff has RGB values of R:204, G:48, B:255 and CMYK values of C:0.2, M:0.81, Y:0, K:0. Its decimal value is 13381887.
Hex triplet | cc30ff | #cc30ff |
---|---|---|
RGB Decimal | 204, 48, 255 | rgb(204,48,255) |
RGB Percent | 80, 18.8, 100 | rgb(80%,18.8%,100%) |
CMYK | 20, 81, 0, 0 | |
HSL | 285.2°, 100, 59.4 | hsl(285.2,100%,59.4%) |
HSV (or HSB) | 285.2°, 81.2, 100 | |
Web Safe | cc33ff | #cc33ff |
CIE-LAB | 54.21, 84.179, -71.102 |
---|---|
XYZ | 44.007, 22.173, 96.564 |
xyY | 0.27, 0.136, 22.173 |
CIE-LCH | 54.21, 110.188, 319.814 |
CIE-LUV | 54.21, 46.757, -118.982 |
Hunter-Lab | 47.088, 84.413, -88.624 |
Binary | 11001100, 00110000, 11111111 |
Color Schemes with #cc30ff
Alternatives to #cc30ff
Below, you can see some colors close to #cc30ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc30ff Preview
This text has a font color of #cc30ff.
<span style="color:#cc30ff;">Text here</span>
This paragraph has a background color of #cc30ff.
<p style="background-color:#cc30ff;">Content here</p>
This element has a border color of #cc30ff.
<div style="border:1px solid #cc30ff;">Content here</div>
.text {color:#cc30ff;}
.background {background-color:#cc30ff;}
.border {border:1px solid #cc30ff;}
Shades and Tints of #cc30ff
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, #070009 is the darkest color, while #fcf4ff is the lightest one.
-
#070009
#070009
rgb(7,0,9)
-
#15001c
#15001c
rgb(21,0,28)
-
#240030
#240030
rgb(36,0,48)
-
#330044
#330044
rgb(51,0,68)
-
#420057
#420057
rgb(66,0,87)
-
#51006b
#51006b
rgb(81,0,107)
-
#5f007e
#5f007e
rgb(95,0,126)
-
#6e0092
#6e0092
rgb(110,0,146)
-
#7d00a6
#7d00a6
rgb(125,0,166)
-
#8c00b9
#8c00b9
rgb(140,0,185)
-
#9a00cd
#9a00cd
rgb(154,0,205)
-
#a900e1
#a900e1
rgb(169,0,225)
-
#b800f4
#b800f4
rgb(184,0,244)
-
#c209ff
#c209ff
rgb(194,9,255)
-
#c71cff
#c71cff
rgb(199,28,255)
-
#cc30ff
#cc30ff
rgb(204,48,255)
-
#d144ff
#d144ff
rgb(209,68,255)
-
#d657ff
#d657ff
rgb(214,87,255)
-
#da6bff
#da6bff
rgb(218,107,255)
-
#df7eff
#df7eff
rgb(223,126,255)
-
#e492ff
#e492ff
rgb(228,146,255)
-
#e9a6ff
#e9a6ff
rgb(233,166,255)
-
#eeb9ff
#eeb9ff
rgb(238,185,255)
-
#f3cdff
#f3cdff
rgb(243,205,255)
-
#f7e1ff
#f7e1ff
rgb(247,225,255)
-
#fcf4ff
#fcf4ff
rgb(252,244,255)
Tones of #cc30ff
A tone is produced by adding gray to any pure hue. In this case, #9c909f is the less saturated color, while #cc30ff is the most saturated one.
-
#9c909f
#9c909f
rgb(156,144,159)
-
#a088a7
#a088a7
rgb(160,136,167)
-
#a480af
#a480af
rgb(164,128,175)
-
#a878b7
#a878b7
rgb(168,120,183)
-
#ac70bf
#ac70bf
rgb(172,112,191)
-
#b068c7
#b068c7
rgb(176,104,199)
-
#b460cf
#b460cf
rgb(180,96,207)
-
#b858d7
#b858d7
rgb(184,88,215)
-
#bc50df
#bc50df
rgb(188,80,223)
-
#c048e7
#c048e7
rgb(192,72,231)
-
#c440ef
#c440ef
rgb(196,64,239)
-
#c838f7
#c838f7
rgb(200,56,247)
-
#cc30ff
#cc30ff
rgb(204,48,255)
Color Blindness Simulator
Below, you can see how #cc30ff 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.