#ccf0f2 Color Information
In a RGB color space, hex #ccf0f2 is composed of 80% red, 94.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 0.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 183.2 degrees, a saturation of 59.4% and a lightness of 87.5%. #ccf0f2 color hex could be obtained by blending #ffffff with #99e1e5. Closest websafe color is: #ccffff.
-
- R 80
- G 94
- B 95
-
- C 16
- M 1
- Y 0
- K 5
● #ccf0f2 color description : Light grayish cyan.
#ccf0f2 Color Conversion
The hexadecimal color #ccf0f2 has RGB values of R:204, G:240, B:242 and CMYK values of C:0.16, M:0.01, Y:0, K:0.05. Its decimal value is 13431026.
Hex triplet | ccf0f2 | #ccf0f2 |
---|---|---|
RGB Decimal | 204, 240, 242 | rgb(204,240,242) |
RGB Percent | 80, 94.1, 94.9 | rgb(80%,94.1%,94.9%) |
CMYK | 16, 1, 0, 5 | |
HSL | 183.2°, 59.4, 87.5 | hsl(183.2,59.4%,87.5%) |
HSV (or HSB) | 183.2°, 15.7, 94.9 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.383, -11.196, -4.875 |
---|---|
XYZ | 72.085, 81.567, 95.946 |
xyY | 0.289, 0.327, 81.567 |
CIE-LCH | 92.383, 12.211, 203.528 |
CIE-LUV | 92.383, -18.903, -5.669 |
Hunter-Lab | 90.314, -15.578, 0.233 |
Binary | 11001100, 11110000, 11110010 |
Color Schemes with #ccf0f2
Alternatives to #ccf0f2
Below, you can see some colors close to #ccf0f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf0f2 Preview
This text has a font color of #ccf0f2.
<span style="color:#ccf0f2;">Text here</span>
This paragraph has a background color of #ccf0f2.
<p style="background-color:#ccf0f2;">Content here</p>
This element has a border color of #ccf0f2.
<div style="border:1px solid #ccf0f2;">Content here</div>
.text {color:#ccf0f2;}
.background {background-color:#ccf0f2;}
.border {border:1px solid #ccf0f2;}
Shades and Tints of #ccf0f2
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, #030b0c is the darkest color, while #fbfefe is the lightest one.
-
#030b0c
#030b0c
rgb(3,11,12)
-
#071a1b
#071a1b
rgb(7,26,27)
-
#0b292b
#0b292b
rgb(11,41,43)
-
#0f383a
#0f383a
rgb(15,56,58)
-
#13474a
#13474a
rgb(19,71,74)
-
#17565a
#17565a
rgb(23,86,90)
-
#1b6569
#1b6569
rgb(27,101,105)
-
#1f7479
#1f7479
rgb(31,116,121)
-
#238389
#238389
rgb(35,131,137)
-
#279298
#279298
rgb(39,146,152)
-
#2ba1a8
#2ba1a8
rgb(43,161,168)
-
#2fb0b7
#2fb0b7
rgb(47,176,183)
-
#33bfc7
#33bfc7
rgb(51,191,199)
-
#3fc7ce
#3fc7ce
rgb(63,199,206)
-
#4fcbd2
#4fcbd2
rgb(79,203,210)
-
#5fd0d6
#5fd0d6
rgb(95,208,214)
-
#6ed4da
#6ed4da
rgb(110,212,218)
-
#7ed9de
#7ed9de
rgb(126,217,222)
-
#8ddee2
#8ddee2
rgb(141,222,226)
-
#9de2e6
#9de2e6
rgb(157,226,230)
-
#ade7ea
#ade7ea
rgb(173,231,234)
-
#bcebee
#bcebee
rgb(188,235,238)
-
#ccf0f2
#ccf0f2
rgb(204,240,242)
-
#dcf5f6
#dcf5f6
rgb(220,245,246)
-
#ebf9fa
#ebf9fa
rgb(235,249,250)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #ccf0f2
A tone is produced by adding gray to any pure hue. In this case, #dde1e1 is the less saturated color, while #c0fbfe is the most saturated one.
-
#dde1e1
#dde1e1
rgb(221,225,225)
-
#dbe3e3
#dbe3e3
rgb(219,227,227)
-
#d8e5e6
#d8e5e6
rgb(216,229,230)
-
#d6e7e8
#d6e7e8
rgb(214,231,232)
-
#d3e9eb
#d3e9eb
rgb(211,233,235)
-
#d1eced
#d1eced
rgb(209,236,237)
-
#ceeef0
#ceeef0
rgb(206,238,240)
-
#ccf0f2
#ccf0f2
rgb(204,240,242)
-
#caf2f4
#caf2f4
rgb(202,242,244)
-
#c7f4f7
#c7f4f7
rgb(199,244,247)
-
#c5f7f9
#c5f7f9
rgb(197,247,249)
-
#c2f9fc
#c2f9fc
rgb(194,249,252)
-
#c0fbfe
#c0fbfe
rgb(192,251,254)
Color Blindness Simulator
Below, you can see how #ccf0f2 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.