#ccf0f6 Color Information
In a RGB color space, hex #ccf0f6 is composed of 80% red, 94.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 2.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 188.6 degrees, a saturation of 70% and a lightness of 88.2%. #ccf0f6 color hex could be obtained by blending #ffffff with #99e1ed. Closest websafe color is: #ccffff.
-
- R 80
- G 94
- B 96
-
- C 17
- M 2
- Y 0
- K 4
● #ccf0f6 color description : Light grayish cyan.
#ccf0f6 Color Conversion
The hexadecimal color #ccf0f6 has RGB values of R:204, G:240, B:246 and CMYK values of C:0.17, M:0.02, Y:0, K:0.04. Its decimal value is 13431030.
Hex triplet | ccf0f6 | #ccf0f6 |
---|---|---|
RGB Decimal | 204, 240, 246 | rgb(204,240,246) |
RGB Percent | 80, 94.1, 96.5 | rgb(80%,94.1%,96.5%) |
CMYK | 17, 2, 0, 4 | |
HSL | 188.6°, 70, 88.2 | hsl(188.6,70%,88.2%) |
HSV (or HSB) | 188.6°, 17.1, 96.5 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.491, -10.382, -6.797 |
---|---|
XYZ | 72.693, 81.81, 99.145 |
xyY | 0.287, 0.323, 81.81 |
CIE-LCH | 92.491, 12.409, 213.212 |
CIE-LUV | 92.491, -18.995, -8.862 |
Hunter-Lab | 90.449, -14.827, -1.676 |
Binary | 11001100, 11110000, 11110110 |
Color Schemes with #ccf0f6
Alternatives to #ccf0f6
Below, you can see some colors close to #ccf0f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf0f6 Preview
This text has a font color of #ccf0f6.
<span style="color:#ccf0f6;">Text here</span>
This paragraph has a background color of #ccf0f6.
<p style="background-color:#ccf0f6;">Content here</p>
This element has a border color of #ccf0f6.
<div style="border:1px solid #ccf0f6;">Content here</div>
.text {color:#ccf0f6;}
.background {background-color:#ccf0f6;}
.border {border:1px solid #ccf0f6;}
Shades and Tints of #ccf0f6
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, #030e10 is the darkest color, while #feffff is the lightest one.
-
#030e10
#030e10
rgb(3,14,16)
-
#061d20
#061d20
rgb(6,29,32)
-
#092b31
#092b31
rgb(9,43,49)
-
#0c3a42
#0c3a42
rgb(12,58,66)
-
#0f4952
#0f4952
rgb(15,73,82)
-
#115763
#115763
rgb(17,87,99)
-
#146674
#146674
rgb(20,102,116)
-
#177584
#177584
rgb(23,117,132)
-
#1a8495
#1a8495
rgb(26,132,149)
-
#1d92a6
#1d92a6
rgb(29,146,166)
-
#20a1b6
#20a1b6
rgb(32,161,182)
-
#23b0c7
#23b0c7
rgb(35,176,199)
-
#26bed8
#26bed8
rgb(38,190,216)
-
#36c4dc
#36c4dc
rgb(54,196,220)
-
#47c9de
#47c9de
rgb(71,201,222)
-
#57cee1
#57cee1
rgb(87,206,225)
-
#68d3e4
#68d3e4
rgb(104,211,228)
-
#79d7e7
#79d7e7
rgb(121,215,231)
-
#89dcea
#89dcea
rgb(137,220,234)
-
#9ae1ed
#9ae1ed
rgb(154,225,237)
-
#abe6f0
#abe6f0
rgb(171,230,240)
-
#bbebf3
#bbebf3
rgb(187,235,243)
-
#ccf0f6
#ccf0f6
rgb(204,240,246)
-
#ddf5f9
#ddf5f9
rgb(221,245,249)
-
#edfafc
#edfafc
rgb(237,250,252)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #ccf0f6
A tone is produced by adding gray to any pure hue. In this case, #e1e1e1 is the less saturated color, while #c5f5fd is the most saturated one.
-
#e1e1e1
#e1e1e1
rgb(225,225,225)
-
#dee3e4
#dee3e4
rgb(222,227,228)
-
#dce4e6
#dce4e6
rgb(220,228,230)
-
#dae6e8
#dae6e8
rgb(218,230,232)
-
#d8e8ea
#d8e8ea
rgb(216,232,234)
-
#d5e9ed
#d5e9ed
rgb(213,233,237)
-
#d3ebef
#d3ebef
rgb(211,235,239)
-
#d1edf1
#d1edf1
rgb(209,237,241)
-
#ceeef4
#ceeef4
rgb(206,238,244)
-
#ccf0f6
#ccf0f6
rgb(204,240,246)
-
#caf2f8
#caf2f8
rgb(202,242,248)
-
#c7f3fb
#c7f3fb
rgb(199,243,251)
-
#c5f5fd
#c5f5fd
rgb(197,245,253)
Color Blindness Simulator
Below, you can see how #ccf0f6 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.