#cc55ff Color Information
In a RGB color space, hex #cc55ff is composed of 80% red, 33.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 66.7% magenta, 0% yellow and 0% black. It has a hue angle of 282 degrees, a saturation of 100% and a lightness of 66.7%. #cc55ff color hex could be obtained by blending #ffaaff with #9900ff. Closest websafe color is: #cc66ff.
-
- R 80
- G 33
- B 100
-
- C 20
- M 67
- Y 0
- K 0
● #cc55ff color description : Light violet.
#cc55ff Color Conversion
The hexadecimal color #cc55ff has RGB values of R:204, G:85, B:255 and CMYK values of C:0.2, M:0.67, Y:0, K:0. Its decimal value is 13391359.
Hex triplet | cc55ff | #cc55ff |
---|---|---|
RGB Decimal | 204, 85, 255 | rgb(204,85,255) |
RGB Percent | 80, 33.3, 100 | rgb(80%,33.3%,100%) |
CMYK | 20, 67, 0, 0 | |
HSL | 282°, 100, 66.7 | hsl(282,100%,66.7%) |
HSV (or HSB) | 282°, 66.7, 100 | |
Web Safe | cc66ff | #cc66ff |
CIE-LAB | 58.561, 71.742, -64.083 |
---|---|
XYZ | 46.198, 26.556, 97.295 |
xyY | 0.272, 0.156, 26.556 |
CIE-LCH | 58.561, 96.196, 318.227 |
CIE-LUV | 58.561, 40.419, -109.466 |
Hunter-Lab | 51.532, 69.841, -75.868 |
Binary | 11001100, 01010101, 11111111 |
Color Schemes with #cc55ff
Alternatives to #cc55ff
Below, you can see some colors close to #cc55ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc55ff Preview
This text has a font color of #cc55ff.
<span style="color:#cc55ff;">Text here</span>
This paragraph has a background color of #cc55ff.
<p style="background-color:#cc55ff;">Content here</p>
This element has a border color of #cc55ff.
<div style="border:1px solid #cc55ff;">Content here</div>
.text {color:#cc55ff;}
.background {background-color:#cc55ff;}
.border {border:1px solid #cc55ff;}
Shades and Tints of #cc55ff
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, #050007 is the darkest color, while #fbf2ff is the lightest one.
-
#050007
#050007
rgb(5,0,7)
-
#12001a
#12001a
rgb(18,0,26)
-
#20002e
#20002e
rgb(32,0,46)
-
#2e0041
#2e0041
rgb(46,0,65)
-
#3c0055
#3c0055
rgb(60,0,85)
-
#490069
#490069
rgb(73,0,105)
-
#57007c
#57007c
rgb(87,0,124)
-
#650090
#650090
rgb(101,0,144)
-
#7200a3
#7200a3
rgb(114,0,163)
-
#8000b7
#8000b7
rgb(128,0,183)
-
#8e00cb
#8e00cb
rgb(142,0,203)
-
#9c00de
#9c00de
rgb(156,0,222)
-
#a900f2
#a900f2
rgb(169,0,242)
-
#b407ff
#b407ff
rgb(180,7,255)
-
#ba1aff
#ba1aff
rgb(186,26,255)
-
#c02eff
#c02eff
rgb(192,46,255)
-
#c641ff
#c641ff
rgb(198,65,255)
-
#cc55ff
#cc55ff
rgb(204,85,255)
-
#d269ff
#d269ff
rgb(210,105,255)
-
#d87cff
#d87cff
rgb(216,124,255)
-
#de90ff
#de90ff
rgb(222,144,255)
-
#e4a3ff
#e4a3ff
rgb(228,163,255)
-
#e9b7ff
#e9b7ff
rgb(233,183,255)
-
#efcbff
#efcbff
rgb(239,203,255)
-
#f5deff
#f5deff
rgb(245,222,255)
-
#fbf2ff
#fbf2ff
rgb(251,242,255)
Tones of #cc55ff
A tone is produced by adding gray to any pure hue. In this case, #ada3b1 is the less saturated color, while #cc55ff is the most saturated one.
-
#ada3b1
#ada3b1
rgb(173,163,177)
-
#af9db7
#af9db7
rgb(175,157,183)
-
#b296be
#b296be
rgb(178,150,190)
-
#b490c4
#b490c4
rgb(180,144,196)
-
#b789cb
#b789cb
rgb(183,137,203)
-
#ba83d1
#ba83d1
rgb(186,131,209)
-
#bc7cd8
#bc7cd8
rgb(188,124,216)
-
#bf76de
#bf76de
rgb(191,118,222)
-
#c26fe5
#c26fe5
rgb(194,111,229)
-
#c469eb
#c469eb
rgb(196,105,235)
-
#c762f2
#c762f2
rgb(199,98,242)
-
#c95cf8
#c95cf8
rgb(201,92,248)
-
#cc55ff
#cc55ff
rgb(204,85,255)
Color Blindness Simulator
Below, you can see how #cc55ff 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.