#ccccf5 Color Information
In a RGB color space, hex #ccccf5 is composed of 80% red, 80% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 16.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 240 degrees, a saturation of 67.2% and a lightness of 88%. #ccccf5 color hex could be obtained by blending #ffffff with #9999eb. Closest websafe color is: #ccccff.
-
- R 80
- G 80
- B 96
-
- C 17
- M 17
- Y 0
- K 4
● #ccccf5 color description : Light grayish blue.
#ccccf5 Color Conversion
The hexadecimal color #ccccf5 has RGB values of R:204, G:204, B:245 and CMYK values of C:0.17, M:0.17, Y:0, K:0.04. Its decimal value is 13421813.
Hex triplet | ccccf5 | #ccccf5 |
---|---|---|
RGB Decimal | 204, 204, 245 | rgb(204,204,245) |
RGB Percent | 80, 80, 96.1 | rgb(80%,80%,96.1%) |
CMYK | 17, 17, 0, 4 | |
HSL | 240°, 67.2, 88 | hsl(240,67.2%,88%) |
HSV (or HSB) | 240°, 16.7, 96.1 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 83.24, 8.132, -20.108 |
---|---|
XYZ | 62.973, 62.615, 95.149 |
xyY | 0.285, 0.284, 62.615 |
CIE-LCH | 83.24, 21.69, 292.019 |
CIE-LUV | 83.24, -2.4, -33.209 |
Hunter-Lab | 79.13, 3.577, -15.902 |
Binary | 11001100, 11001100, 11110101 |
Color Schemes with #ccccf5
Alternatives to #ccccf5
Below, you can see some colors close to #ccccf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccccf5 Preview
This text has a font color of #ccccf5.
<span style="color:#ccccf5;">Text here</span>
This paragraph has a background color of #ccccf5.
<p style="background-color:#ccccf5;">Content here</p>
This element has a border color of #ccccf5.
<div style="border:1px solid #ccccf5;">Content here</div>
.text {color:#ccccf5;}
.background {background-color:#ccccf5;}
.border {border:1px solid #ccccf5;}
Shades and Tints of #ccccf5
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, #03030f is the darkest color, while #fdfdff is the lightest one.
-
#03030f
#03030f
rgb(3,3,15)
-
#06061f
#06061f
rgb(6,6,31)
-
#09092f
#09092f
rgb(9,9,47)
-
#0d0d40
#0d0d40
rgb(13,13,64)
-
#101050
#101050
rgb(16,16,80)
-
#131361
#131361
rgb(19,19,97)
-
#161671
#161671
rgb(22,22,113)
-
#191981
#191981
rgb(25,25,129)
-
#1d1d92
#1d1d92
rgb(29,29,146)
-
#2020a2
#2020a2
rgb(32,32,162)
-
#2323b3
#2323b3
rgb(35,35,179)
-
#2626c3
#2626c3
rgb(38,38,195)
-
#2929d3
#2929d3
rgb(41,41,211)
-
#3838d8
#3838d8
rgb(56,56,216)
-
#4949db
#4949db
rgb(73,73,219)
-
#5959de
#5959de
rgb(89,89,222)
-
#6a6ae2
#6a6ae2
rgb(106,106,226)
-
#7a7ae5
#7a7ae5
rgb(122,122,229)
-
#8a8ae8
#8a8ae8
rgb(138,138,232)
-
#9b9beb
#9b9beb
rgb(155,155,235)
-
#ababef
#ababef
rgb(171,171,239)
-
#bcbcf2
#bcbcf2
rgb(188,188,242)
-
#ccccf5
#ccccf5
rgb(204,204,245)
-
#dcdcf8
#dcdcf8
rgb(220,220,248)
-
#ededfb
#ededfb
rgb(237,237,251)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #ccccf5
A tone is produced by adding gray to any pure hue. In this case, #dfdfe2 is the less saturated color, while #c3c3fe is the most saturated one.
-
#dfdfe2
#dfdfe2
rgb(223,223,226)
-
#dcdce5
#dcdce5
rgb(220,220,229)
-
#dadae7
#dadae7
rgb(218,218,231)
-
#d8d8e9
#d8d8e9
rgb(216,216,233)
-
#d5d5ec
#d5d5ec
rgb(213,213,236)
-
#d3d3ee
#d3d3ee
rgb(211,211,238)
-
#d1d1f0
#d1d1f0
rgb(209,209,240)
-
#cecef3
#cecef3
rgb(206,206,243)
-
#ccccf5
#ccccf5
rgb(204,204,245)
-
#cacaf7
#cacaf7
rgb(202,202,247)
-
#c7c7fa
#c7c7fa
rgb(199,199,250)
-
#c5c5fc
#c5c5fc
rgb(197,197,252)
-
#c3c3fe
#c3c3fe
rgb(195,195,254)
Color Blindness Simulator
Below, you can see how #ccccf5 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.