#ccf4ff Color Information
In a RGB color space, hex #ccf4ff is composed of 80% red, 95.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 4.3% magenta, 0% yellow and 0% black. It has a hue angle of 192.9 degrees, a saturation of 100% and a lightness of 90%. #ccf4ff color hex could be obtained by blending #ffffff with #99e9ff. Closest websafe color is: #ccffff.
-
- R 80
- G 96
- B 100
-
- C 20
- M 4
- Y 0
- K 0
● #ccf4ff color description : Very pale cyan.
#ccf4ff Color Conversion
The hexadecimal color #ccf4ff has RGB values of R:204, G:244, B:255 and CMYK values of C:0.2, M:0.04, Y:0, K:0. Its decimal value is 13432063.
Hex triplet | ccf4ff | #ccf4ff |
---|---|---|
RGB Decimal | 204, 244, 255 | rgb(204,244,255) |
RGB Percent | 80, 95.7, 100 | rgb(80%,95.7%,100%) |
CMYK | 20, 4, 0, 0 | |
HSL | 192.9°, 100, 90 | hsl(192.9,100%,90%) |
HSV (or HSB) | 192.9°, 20, 100 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 93.778, -10.532, -9.564 |
---|---|
XYZ | 75.298, 84.757, 106.995 |
xyY | 0.282, 0.317, 84.757 |
CIE-LCH | 93.778, 14.227, 222.243 |
CIE-LUV | 93.778, -21.004, -13.307 |
Hunter-Lab | 92.063, -15.116, -4.461 |
Binary | 11001100, 11110100, 11111111 |
Color Schemes with #ccf4ff
Alternatives to #ccf4ff
Below, you can see some colors close to #ccf4ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf4ff Preview
This text has a font color of #ccf4ff.
<span style="color:#ccf4ff;">Text here</span>
This paragraph has a background color of #ccf4ff.
<p style="background-color:#ccf4ff;">Content here</p>
This element has a border color of #ccf4ff.
<div style="border:1px solid #ccf4ff;">Content here</div>
.text {color:#ccf4ff;}
.background {background-color:#ccf4ff;}
.border {border:1px solid #ccf4ff;}
Shades and Tints of #ccf4ff
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, #000608 is the darkest color, while #f3fcff is the lightest one.
-
#000608
#000608
rgb(0,6,8)
-
#00161b
#00161b
rgb(0,22,27)
-
#00252f
#00252f
rgb(0,37,47)
-
#003443
#003443
rgb(0,52,67)
-
#004456
#004456
rgb(0,68,86)
-
#00536a
#00536a
rgb(0,83,106)
-
#00627e
#00627e
rgb(0,98,126)
-
#007291
#007291
rgb(0,114,145)
-
#0081a5
#0081a5
rgb(0,129,165)
-
#0091b8
#0091b8
rgb(0,145,184)
-
#00a0cc
#00a0cc
rgb(0,160,204)
-
#00afe0
#00afe0
rgb(0,175,224)
-
#00bff3
#00bff3
rgb(0,191,243)
-
#08caff
#08caff
rgb(8,202,255)
-
#1bceff
#1bceff
rgb(27,206,255)
-
#2fd2ff
#2fd2ff
rgb(47,210,255)
-
#43d6ff
#43d6ff
rgb(67,214,255)
-
#56dbff
#56dbff
rgb(86,219,255)
-
#6adfff
#6adfff
rgb(106,223,255)
-
#7ee3ff
#7ee3ff
rgb(126,227,255)
-
#91e7ff
#91e7ff
rgb(145,231,255)
-
#a5ecff
#a5ecff
rgb(165,236,255)
-
#b8f0ff
#b8f0ff
rgb(184,240,255)
-
#ccf4ff
#ccf4ff
rgb(204,244,255)
-
#e0f8ff
#e0f8ff
rgb(224,248,255)
-
#f3fcff
#f3fcff
rgb(243,252,255)
Tones of #ccf4ff
A tone is produced by adding gray to any pure hue. In this case, #e4e7e7 is the less saturated color, while #ccf4ff is the most saturated one.
-
#e4e7e7
#e4e7e7
rgb(228,231,231)
-
#e2e8e9
#e2e8e9
rgb(226,232,233)
-
#e0e9eb
#e0e9eb
rgb(224,233,235)
-
#deeaed
#deeaed
rgb(222,234,237)
-
#dcebef
#dcebef
rgb(220,235,239)
-
#daecf1
#daecf1
rgb(218,236,241)
-
#d8edf3
#d8edf3
rgb(216,237,243)
-
#d6eef5
#d6eef5
rgb(214,238,245)
-
#d4f0f7
#d4f0f7
rgb(212,240,247)
-
#d2f1f9
#d2f1f9
rgb(210,241,249)
-
#d0f2fb
#d0f2fb
rgb(208,242,251)
-
#cef3fd
#cef3fd
rgb(206,243,253)
-
#ccf4ff
#ccf4ff
rgb(204,244,255)
Color Blindness Simulator
Below, you can see how #ccf4ff 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.