#ccf0f9 Color Information
In a RGB color space, hex #ccf0f9 is composed of 80% red, 94.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 18.1% cyan, 3.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 192 degrees, a saturation of 78.9% and a lightness of 88.8%. #ccf0f9 color hex could be obtained by blending #ffffff with #99e1f3. Closest websafe color is: #ccffff.
-
- R 80
- G 94
- B 98
-
- C 18
- M 4
- Y 0
- K 2
● #ccf0f9 color description : Light grayish cyan.
#ccf0f9 Color Conversion
The hexadecimal color #ccf0f9 has RGB values of R:204, G:240, B:249 and CMYK values of C:0.18, M:0.04, Y:0, K:0.02. Its decimal value is 13431033.
Hex triplet | ccf0f9 | #ccf0f9 |
---|---|---|
RGB Decimal | 204, 240, 249 | rgb(204,240,249) |
RGB Percent | 80, 94.1, 97.6 | rgb(80%,94.1%,97.6%) |
CMYK | 18, 4, 0, 2 | |
HSL | 192°, 78.9, 88.8 | hsl(192,78.9%,88.8%) |
HSV (or HSB) | 192°, 18.1, 97.6 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.573, -9.765, -8.236 |
---|---|
XYZ | 73.157, 81.995, 101.59 |
xyY | 0.285, 0.319, 81.995 |
CIE-LCH | 92.573, 12.774, 220.147 |
CIE-LUV | 92.573, -19.064, -11.271 |
Hunter-Lab | 90.551, -14.254, -3.132 |
Binary | 11001100, 11110000, 11111001 |
Color Schemes with #ccf0f9
Alternatives to #ccf0f9
Below, you can see some colors close to #ccf0f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf0f9 Preview
This text has a font color of #ccf0f9.
<span style="color:#ccf0f9;">Text here</span>
This paragraph has a background color of #ccf0f9.
<p style="background-color:#ccf0f9;">Content here</p>
This element has a border color of #ccf0f9.
<div style="border:1px solid #ccf0f9;">Content here</div>
.text {color:#ccf0f9;}
.background {background-color:#ccf0f9;}
.border {border:1px solid #ccf0f9;}
Shades and Tints of #ccf0f9
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, #000102 is the darkest color, while #effafd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#021013
#021013
rgb(2,16,19)
-
#041e25
#041e25
rgb(4,30,37)
-
#062d36
#062d36
rgb(6,45,54)
-
#083b48
#083b48
rgb(8,59,72)
-
#0b4a59
#0b4a59
rgb(11,74,89)
-
#0d586b
#0d586b
rgb(13,88,107)
-
#0f677d
#0f677d
rgb(15,103,125)
-
#11758e
#11758e
rgb(17,117,142)
-
#1383a0
#1383a0
rgb(19,131,160)
-
#1592b1
#1592b1
rgb(21,146,177)
-
#17a0c3
#17a0c3
rgb(23,160,195)
-
#19afd4
#19afd4
rgb(25,175,212)
-
#1cbce4
#1cbce4
rgb(28,188,228)
-
#2ec2e6
#2ec2e6
rgb(46,194,230)
-
#40c7e8
#40c7e8
rgb(64,199,232)
-
#51cceb
#51cceb
rgb(81,204,235)
-
#63d1ed
#63d1ed
rgb(99,209,237)
-
#74d6ef
#74d6ef
rgb(116,214,239)
-
#86dbf1
#86dbf1
rgb(134,219,241)
-
#97e1f3
#97e1f3
rgb(151,225,243)
-
#a9e6f5
#a9e6f5
rgb(169,230,245)
-
#baebf7
#baebf7
rgb(186,235,247)
-
#ccf0f9
#ccf0f9
rgb(204,240,249)
-
#def5fb
#def5fb
rgb(222,245,251)
-
#effafd
#effafd
rgb(239,250,253)
Tones of #ccf0f9
A tone is produced by adding gray to any pure hue. In this case, #e2e3e3 is the less saturated color, while #c8f3fd is the most saturated one.
-
#e2e3e3
#e2e3e3
rgb(226,227,227)
-
#e0e4e5
#e0e4e5
rgb(224,228,229)
-
#dee5e7
#dee5e7
rgb(222,229,231)
-
#dbe7ea
#dbe7ea
rgb(219,231,234)
-
#d9e8ec
#d9e8ec
rgb(217,232,236)
-
#d7e9ee
#d7e9ee
rgb(215,233,238)
-
#d5ebf0
#d5ebf0
rgb(213,235,240)
-
#d3ecf2
#d3ecf2
rgb(211,236,242)
-
#d0edf5
#d0edf5
rgb(208,237,245)
-
#ceeff7
#ceeff7
rgb(206,239,247)
-
#ccf0f9
#ccf0f9
rgb(204,240,249)
-
#caf1fb
#caf1fb
rgb(202,241,251)
-
#c8f3fd
#c8f3fd
rgb(200,243,253)
Color Blindness Simulator
Below, you can see how #ccf0f9 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.