#ccdeff Color Information
In a RGB color space, hex #ccdeff is composed of 80% red, 87.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 12.9% magenta, 0% yellow and 0% black. It has a hue angle of 218.8 degrees, a saturation of 100% and a lightness of 90%. #ccdeff color hex could be obtained by blending #ffffff with #99bdff. Closest websafe color is: #ccccff.
-
- R 80
- G 87
- B 100
-
- C 20
- M 13
- Y 0
- K 0
● #ccdeff color description : Very pale blue.
#ccdeff Color Conversion
The hexadecimal color #ccdeff has RGB values of R:204, G:222, B:255 and CMYK values of C:0.2, M:0.13, Y:0, K:0. Its decimal value is 13426431.
Hex triplet | ccdeff | #ccdeff |
---|---|---|
RGB Decimal | 204, 222, 255 | rgb(204,222,255) |
RGB Percent | 80, 87.1, 100 | rgb(80%,87.1%,100%) |
CMYK | 20, 13, 0, 0 | |
HSL | 218.8°, 100, 90 | hsl(218.8,100%,90%) |
HSV (or HSB) | 218.8°, 20, 100 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 88.112, 0.764, -18.039 |
---|---|
XYZ | 69.069, 72.299, 104.918 |
xyY | 0.28, 0.294, 72.299 |
CIE-LCH | 88.112, 18.055, 272.425 |
CIE-LUV | 88.112, -11.087, -28.843 |
Hunter-Lab | 85.029, -3.803, -13.639 |
Binary | 11001100, 11011110, 11111111 |
Color Schemes with #ccdeff
Alternatives to #ccdeff
Below, you can see some colors close to #ccdeff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccdeff Preview
This text has a font color of #ccdeff.
<span style="color:#ccdeff;">Text here</span>
This paragraph has a background color of #ccdeff.
<p style="background-color:#ccdeff;">Content here</p>
This element has a border color of #ccdeff.
<div style="border:1px solid #ccdeff;">Content here</div>
.text {color:#ccdeff;}
.background {background-color:#ccdeff;}
.border {border:1px solid #ccdeff;}
Shades and Tints of #ccdeff
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, #000308 is the darkest color, while #f3f7ff is the lightest one.
-
#000308
#000308
rgb(0,3,8)
-
#000a1b
#000a1b
rgb(0,10,27)
-
#00112f
#00112f
rgb(0,17,47)
-
#001843
#001843
rgb(0,24,67)
-
#001e56
#001e56
rgb(0,30,86)
-
#00256a
#00256a
rgb(0,37,106)
-
#002c7e
#002c7e
rgb(0,44,126)
-
#003391
#003391
rgb(0,51,145)
-
#003aa5
#003aa5
rgb(0,58,165)
-
#0041b8
#0041b8
rgb(0,65,184)
-
#0048cc
#0048cc
rgb(0,72,204)
-
#004fe0
#004fe0
rgb(0,79,224)
-
#0056f3
#0056f3
rgb(0,86,243)
-
#085fff
#085fff
rgb(8,95,255)
-
#1b6cff
#1b6cff
rgb(27,108,255)
-
#2f78ff
#2f78ff
rgb(47,120,255)
-
#4385ff
#4385ff
rgb(67,133,255)
-
#5692ff
#5692ff
rgb(86,146,255)
-
#6a9fff
#6a9fff
rgb(106,159,255)
-
#7eabff
#7eabff
rgb(126,171,255)
-
#91b8ff
#91b8ff
rgb(145,184,255)
-
#a5c5ff
#a5c5ff
rgb(165,197,255)
-
#b8d1ff
#b8d1ff
rgb(184,209,255)
-
#ccdeff
#ccdeff
rgb(204,222,255)
-
#e0ebff
#e0ebff
rgb(224,235,255)
-
#f3f7ff
#f3f7ff
rgb(243,247,255)
Tones of #ccdeff
A tone is produced by adding gray to any pure hue. In this case, #e4e5e7 is the less saturated color, while #ccdeff is the most saturated one.
-
#e4e5e7
#e4e5e7
rgb(228,229,231)
-
#e2e4e9
#e2e4e9
rgb(226,228,233)
-
#e0e4eb
#e0e4eb
rgb(224,228,235)
-
#dee3ed
#dee3ed
rgb(222,227,237)
-
#dce3ef
#dce3ef
rgb(220,227,239)
-
#dae2f1
#dae2f1
rgb(218,226,241)
-
#d8e1f3
#d8e1f3
rgb(216,225,243)
-
#d6e1f5
#d6e1f5
rgb(214,225,245)
-
#d4e0f7
#d4e0f7
rgb(212,224,247)
-
#d2e0f9
#d2e0f9
rgb(210,224,249)
-
#d0dffb
#d0dffb
rgb(208,223,251)
-
#cedffd
#cedffd
rgb(206,223,253)
-
#ccdeff
#ccdeff
rgb(204,222,255)
Color Blindness Simulator
Below, you can see how #ccdeff 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.