#cccce0 Color Information
In a RGB color space, hex #cccce0 is composed of 80% red, 80% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 8.9% cyan, 8.9% magenta, 0% yellow and 12.2% black. It has a hue angle of 240 degrees, a saturation of 24.4% and a lightness of 83.9%. #cccce0 color hex could be obtained by blending #ffffff with #9999c1. Closest websafe color is: #cccccc.
-
- R 80
- G 80
- B 88
-
- C 9
- M 9
- Y 0
- K 12
● #cccce0 color description : Light grayish blue.
#cccce0 Color Conversion
The hexadecimal color #cccce0 has RGB values of R:204, G:204, B:224 and CMYK values of C:0.09, M:0.09, Y:0, K:0.12. Its decimal value is 13421792.
Hex triplet | cccce0 | #cccce0 |
---|---|---|
RGB Decimal | 204, 204, 224 | rgb(204,204,224) |
RGB Percent | 80, 80, 87.8 | rgb(80%,80%,87.8%) |
CMYK | 9, 9, 0, 12 | |
HSL | 240°, 24.4, 83.9 | hsl(240,24.4%,83.9%) |
HSV (or HSB) | 240°, 8.9, 87.8 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 82.596, 3.809, -9.883 |
---|---|
XYZ | 59.947, 61.405, 79.211 |
xyY | 0.299, 0.306, 61.405 |
CIE-LCH | 82.596, 10.591, 291.078 |
CIE-LUV | 82.596, -1.155, -15.944 |
Hunter-Lab | 78.361, -0.578, -5.08 |
Binary | 11001100, 11001100, 11100000 |
Color Schemes with #cccce0
Alternatives to #cccce0
Below, you can see some colors close to #cccce0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cccce0 Preview
This text has a font color of #cccce0.
<span style="color:#cccce0;">Text here</span>
This paragraph has a background color of #cccce0.
<p style="background-color:#cccce0;">Content here</p>
This element has a border color of #cccce0.
<div style="border:1px solid #cccce0;">Content here</div>
.text {color:#cccce0;}
.background {background-color:#cccce0;}
.border {border:1px solid #cccce0;}
Shades and Tints of #cccce0
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, #06060a is the darkest color, while #fdfdfe is the lightest one.
-
#06060a
#06060a
rgb(6,6,10)
-
#0d0d16
#0d0d16
rgb(13,13,22)
-
#151522
#151522
rgb(21,21,34)
-
#1c1c2f
#1c1c2f
rgb(28,28,47)
-
#24243b
#24243b
rgb(36,36,59)
-
#2b2b47
#2b2b47
rgb(43,43,71)
-
#333353
#333353
rgb(51,51,83)
-
#3a3a5f
#3a3a5f
rgb(58,58,95)
-
#41416c
#41416c
rgb(65,65,108)
-
#494978
#494978
rgb(73,73,120)
-
#505084
#505084
rgb(80,80,132)
-
#585890
#585890
rgb(88,88,144)
-
#5f5f9c
#5f5f9c
rgb(95,95,156)
-
#6a6aa5
#6a6aa5
rgb(106,106,165)
-
#7777ac
#7777ac
rgb(119,119,172)
-
#8383b4
#8383b4
rgb(131,131,180)
-
#8f8fbb
#8f8fbb
rgb(143,143,187)
-
#9b9bc2
#9b9bc2
rgb(155,155,194)
-
#a7a7ca
#a7a7ca
rgb(167,167,202)
-
#b4b4d1
#b4b4d1
rgb(180,180,209)
-
#c0c0d9
#c0c0d9
rgb(192,192,217)
-
#cccce0
#cccce0
rgb(204,204,224)
-
#d8d8e7
#d8d8e7
rgb(216,216,231)
-
#e4e4ef
#e4e4ef
rgb(228,228,239)
-
#f1f1f6
#f1f1f6
rgb(241,241,246)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #cccce0
A tone is produced by adding gray to any pure hue. In this case, #d5d5d7 is the less saturated color, while #b0b0fc is the most saturated one.
-
#d5d5d7
#d5d5d7
rgb(213,213,215)
-
#d2d2da
#d2d2da
rgb(210,210,218)
-
#cfcfdd
#cfcfdd
rgb(207,207,221)
-
#cccce0
#cccce0
rgb(204,204,224)
-
#c9c9e3
#c9c9e3
rgb(201,201,227)
-
#c6c6e6
#c6c6e6
rgb(198,198,230)
-
#c3c3e9
#c3c3e9
rgb(195,195,233)
-
#bfbfed
#bfbfed
rgb(191,191,237)
-
#bcbcf0
#bcbcf0
rgb(188,188,240)
-
#b9b9f3
#b9b9f3
rgb(185,185,243)
-
#b6b6f6
#b6b6f6
rgb(182,182,246)
-
#b3b3f9
#b3b3f9
rgb(179,179,249)
-
#b0b0fc
#b0b0fc
rgb(176,176,252)
Color Blindness Simulator
Below, you can see how #cccce0 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.