#cc22ff Color Information
In a RGB color space, hex #cc22ff is composed of 80% red, 13.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 86.7% magenta, 0% yellow and 0% black. It has a hue angle of 286.2 degrees, a saturation of 100% and a lightness of 56.7%. #cc22ff color hex could be obtained by blending #ff44ff with #9900ff. Closest websafe color is: #cc33ff.
-
- R 80
- G 13
- B 100
-
- C 20
- M 87
- Y 0
- K 0
● #cc22ff color description : Vivid magenta.
#cc22ff Color Conversion
The hexadecimal color #cc22ff has RGB values of R:204, G:34, B:255 and CMYK values of C:0.2, M:0.87, Y:0, K:0. Its decimal value is 13378303.
Hex triplet | cc22ff | #cc22ff |
---|---|---|
RGB Decimal | 204, 34, 255 | rgb(204,34,255) |
RGB Percent | 80, 13.3, 100 | rgb(80%,13.3%,100%) |
CMYK | 20, 87, 0, 0 | |
HSL | 286.2°, 100, 56.7 | hsl(286.2,100%,56.7%) |
HSV (or HSB) | 286.2°, 86.7, 100 | |
Web Safe | cc33ff | #cc33ff |
CIE-LAB | 53.171, 87.231, -72.785 |
---|---|
XYZ | 43.522, 21.203, 96.402 |
xyY | 0.27, 0.132, 21.203 |
CIE-LCH | 53.171, 113.609, 320.158 |
CIE-LUV | 53.171, 48.155, -121.036 |
Hunter-Lab | 46.047, 88.128, -91.894 |
Binary | 11001100, 00100010, 11111111 |
Color Schemes with #cc22ff
Alternatives to #cc22ff
Below, you can see some colors close to #cc22ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc22ff Preview
This text has a font color of #cc22ff.
<span style="color:#cc22ff;">Text here</span>
This paragraph has a background color of #cc22ff.
<p style="background-color:#cc22ff;">Content here</p>
This element has a border color of #cc22ff.
<div style="border:1px solid #cc22ff;">Content here</div>
.text {color:#cc22ff;}
.background {background-color:#cc22ff;}
.border {border:1px solid #cc22ff;}
Shades and Tints of #cc22ff
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, #0b000e is the darkest color, while #fefaff is the lightest one.
-
#0b000e
#0b000e
rgb(11,0,14)
-
#1a0022
#1a0022
rgb(26,0,34)
-
#290036
#290036
rgb(41,0,54)
-
#380049
#380049
rgb(56,0,73)
-
#47005d
#47005d
rgb(71,0,93)
-
#570070
#570070
rgb(87,0,112)
-
#660084
#660084
rgb(102,0,132)
-
#750098
#750098
rgb(117,0,152)
-
#8400ab
#8400ab
rgb(132,0,171)
-
#9300bf
#9300bf
rgb(147,0,191)
-
#a200d3
#a200d3
rgb(162,0,211)
-
#b100e6
#b100e6
rgb(177,0,230)
-
#c000fa
#c000fa
rgb(192,0,250)
-
#c70eff
#c70eff
rgb(199,14,255)
-
#cc22ff
#cc22ff
rgb(204,34,255)
-
#d136ff
#d136ff
rgb(209,54,255)
-
#d549ff
#d549ff
rgb(213,73,255)
-
#da5dff
#da5dff
rgb(218,93,255)
-
#de70ff
#de70ff
rgb(222,112,255)
-
#e384ff
#e384ff
rgb(227,132,255)
-
#e798ff
#e798ff
rgb(231,152,255)
-
#ecabff
#ecabff
rgb(236,171,255)
-
#f0bfff
#f0bfff
rgb(240,191,255)
-
#f5d3ff
#f5d3ff
rgb(245,211,255)
-
#f9e6ff
#f9e6ff
rgb(249,230,255)
-
#fefaff
#fefaff
rgb(254,250,255)
Tones of #cc22ff
A tone is produced by adding gray to any pure hue. In this case, #958899 is the less saturated color, while #cc22ff is the most saturated one.
-
#958899
#958899
rgb(149,136,153)
-
#9a80a2
#9a80a2
rgb(154,128,162)
-
#9e77aa
#9e77aa
rgb(158,119,170)
-
#a36fb3
#a36fb3
rgb(163,111,179)
-
#a766bb
#a766bb
rgb(167,102,187)
-
#ac5ec4
#ac5ec4
rgb(172,94,196)
-
#b155cc
#b155cc
rgb(177,85,204)
-
#b54dd5
#b54dd5
rgb(181,77,213)
-
#ba44dd
#ba44dd
rgb(186,68,221)
-
#be3ce6
#be3ce6
rgb(190,60,230)
-
#c333ee
#c333ee
rgb(195,51,238)
-
#c72bf7
#c72bf7
rgb(199,43,247)
-
#cc22ff
#cc22ff
rgb(204,34,255)
Color Blindness Simulator
Below, you can see how #cc22ff 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.