#ccf4f9 Color Information
In a RGB color space, hex #ccf4f9 is composed of 80% red, 95.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 18.1% cyan, 2% magenta, 0% yellow and 2.4% black. It has a hue angle of 186.7 degrees, a saturation of 78.9% and a lightness of 88.8%. #ccf4f9 color hex could be obtained by blending #ffffff with #99e9f3. Closest websafe color is: #ccffff.
-
- R 80
- G 96
- B 98
-
- C 18
- M 2
- Y 0
- K 2
● #ccf4f9 color description : Light grayish cyan.
#ccf4f9 Color Conversion
The hexadecimal color #ccf4f9 has RGB values of R:204, G:244, B:249 and CMYK values of C:0.18, M:0.02, Y:0, K:0.02. Its decimal value is 13432057.
Hex triplet | ccf4f9 | #ccf4f9 |
---|---|---|
RGB Decimal | 204, 244, 249 | rgb(204,244,249) |
RGB Percent | 80, 95.7, 97.6 | rgb(80%,95.7%,97.6%) |
CMYK | 18, 2, 0, 2 | |
HSL | 186.7°, 78.9, 88.8 | hsl(186.7,78.9%,88.8%) |
HSV (or HSB) | 186.7°, 18.1, 97.6 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 93.614, -11.779, -6.696 |
---|---|
XYZ | 74.348, 84.377, 101.986 |
xyY | 0.285, 0.324, 84.377 |
CIE-LCH | 93.614, 13.549, 209.616 |
CIE-LUV | 93.614, -20.884, -8.482 |
Hunter-Lab | 91.857, -16.274, -1.529 |
Binary | 11001100, 11110100, 11111001 |
Color Schemes with #ccf4f9
Alternatives to #ccf4f9
Below, you can see some colors close to #ccf4f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf4f9 Preview
This text has a font color of #ccf4f9.
<span style="color:#ccf4f9;">Text here</span>
This paragraph has a background color of #ccf4f9.
<p style="background-color:#ccf4f9;">Content here</p>
This element has a border color of #ccf4f9.
<div style="border:1px solid #ccf4f9;">Content here</div>
.text {color:#ccf4f9;}
.background {background-color:#ccf4f9;}
.border {border:1px solid #ccf4f9;}
Shades and Tints of #ccf4f9
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 #effcfd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#021113
#021113
rgb(2,17,19)
-
#042125
#042125
rgb(4,33,37)
-
#063136
#063136
rgb(6,49,54)
-
#084148
#084148
rgb(8,65,72)
-
#0b5159
#0b5159
rgb(11,81,89)
-
#0d606b
#0d606b
rgb(13,96,107)
-
#0f707d
#0f707d
rgb(15,112,125)
-
#11808e
#11808e
rgb(17,128,142)
-
#1390a0
#1390a0
rgb(19,144,160)
-
#15a0b1
#15a0b1
rgb(21,160,177)
-
#17b0c3
#17b0c3
rgb(23,176,195)
-
#19bfd4
#19bfd4
rgb(25,191,212)
-
#1ccee4
#1ccee4
rgb(28,206,228)
-
#2ed2e6
#2ed2e6
rgb(46,210,230)
-
#40d6e8
#40d6e8
rgb(64,214,232)
-
#51daeb
#51daeb
rgb(81,218,235)
-
#63dded
#63dded
rgb(99,221,237)
-
#74e1ef
#74e1ef
rgb(116,225,239)
-
#86e5f1
#86e5f1
rgb(134,229,241)
-
#97e9f3
#97e9f3
rgb(151,233,243)
-
#a9ecf5
#a9ecf5
rgb(169,236,245)
-
#baf0f7
#baf0f7
rgb(186,240,247)
-
#ccf4f9
#ccf4f9
rgb(204,244,249)
-
#def8fb
#def8fb
rgb(222,248,251)
-
#effcfd
#effcfd
rgb(239,252,253)
Tones of #ccf4f9
A tone is produced by adding gray to any pure hue. In this case, #e2e3e3 is the less saturated color, while #c8f7fd is the most saturated one.
-
#e2e3e3
#e2e3e3
rgb(226,227,227)
-
#e0e5e5
#e0e5e5
rgb(224,229,229)
-
#dee6e7
#dee6e7
rgb(222,230,231)
-
#dbe8ea
#dbe8ea
rgb(219,232,234)
-
#d9eaec
#d9eaec
rgb(217,234,236)
-
#d7ebee
#d7ebee
rgb(215,235,238)
-
#d5edf0
#d5edf0
rgb(213,237,240)
-
#d3eff2
#d3eff2
rgb(211,239,242)
-
#d0f1f5
#d0f1f5
rgb(208,241,245)
-
#cef2f7
#cef2f7
rgb(206,242,247)
-
#ccf4f9
#ccf4f9
rgb(204,244,249)
-
#caf6fb
#caf6fb
rgb(202,246,251)
-
#c8f7fd
#c8f7fd
rgb(200,247,253)
Color Blindness Simulator
Below, you can see how #ccf4f9 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.