#ccf4f7 Color Information
In a RGB color space, hex #ccf4f7 is composed of 80% red, 95.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 17.4% cyan, 1.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 184.2 degrees, a saturation of 72.9% and a lightness of 88.4%. #ccf4f7 color hex could be obtained by blending #ffffff with #99e9ef. Closest websafe color is: #ccffff.
-
- R 80
- G 96
- B 97
-
- C 17
- M 1
- Y 0
- K 3
● #ccf4f7 color description : Light grayish cyan.
#ccf4f7 Color Conversion
The hexadecimal color #ccf4f7 has RGB values of R:204, G:244, B:247 and CMYK values of C:0.17, M:0.01, Y:0, K:0.03. Its decimal value is 13432055.
Hex triplet | ccf4f7 | #ccf4f7 |
---|---|---|
RGB Decimal | 204, 244, 247 | rgb(204,244,247) |
RGB Percent | 80, 95.7, 96.9 | rgb(80%,95.7%,96.9%) |
CMYK | 17, 1, 0, 3 | |
HSL | 184.2°, 72.9, 88.4 | hsl(184.2,72.9%,88.4%) |
HSV (or HSB) | 184.2°, 17.4, 96.9 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 93.56, -12.189, -5.737 |
---|---|
XYZ | 74.037, 84.252, 100.352 |
xyY | 0.286, 0.326, 84.252 |
CIE-LCH | 93.56, 13.472, 205.207 |
CIE-LUV | 93.56, -20.844, -6.884 |
Hunter-Lab | 91.789, -16.653, -0.569 |
Binary | 11001100, 11110100, 11110111 |
Color Schemes with #ccf4f7
Alternatives to #ccf4f7
Below, you can see some colors close to #ccf4f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf4f7 Preview
This text has a font color of #ccf4f7.
<span style="color:#ccf4f7;">Text here</span>
This paragraph has a background color of #ccf4f7.
<p style="background-color:#ccf4f7;">Content here</p>
This element has a border color of #ccf4f7.
<div style="border:1px solid #ccf4f7;">Content here</div>
.text {color:#ccf4f7;}
.background {background-color:#ccf4f7;}
.border {border:1px solid #ccf4f7;}
Shades and Tints of #ccf4f7
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, #031011 is the darkest color, while #ffffff is the lightest one.
-
#031011
#031011
rgb(3,16,17)
-
#052022
#052022
rgb(5,32,34)
-
#083033
#083033
rgb(8,48,51)
-
#0b4044
#0b4044
rgb(11,64,68)
-
#0d5055
#0d5055
rgb(13,80,85)
-
#106066
#106066
rgb(16,96,102)
-
#137077
#137077
rgb(19,112,119)
-
#158088
#158088
rgb(21,128,136)
-
#188f98
#188f98
rgb(24,143,152)
-
#1b9fa9
#1b9fa9
rgb(27,159,169)
-
#1dafba
#1dafba
rgb(29,175,186)
-
#20bfcb
#20bfcb
rgb(32,191,203)
-
#23cfdc
#23cfdc
rgb(35,207,220)
-
#33d3df
#33d3df
rgb(51,211,223)
-
#44d7e2
#44d7e2
rgb(68,215,226)
-
#55dae4
#55dae4
rgb(85,218,228)
-
#66dee7
#66dee7
rgb(102,222,231)
-
#77e2ea
#77e2ea
rgb(119,226,234)
-
#88e5ec
#88e5ec
rgb(136,229,236)
-
#99e9ef
#99e9ef
rgb(153,233,239)
-
#aaedf2
#aaedf2
rgb(170,237,242)
-
#bbf0f4
#bbf0f4
rgb(187,240,244)
-
#ccf4f7
#ccf4f7
rgb(204,244,247)
-
#ddf8fa
#ddf8fa
rgb(221,248,250)
-
#eefbfc
#eefbfc
rgb(238,251,252)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ccf4f7
A tone is produced by adding gray to any pure hue. In this case, #e0e2e3 is the less saturated color, while #c5fafe is the most saturated one.
-
#e0e2e3
#e0e2e3
rgb(224,226,227)
-
#dee4e5
#dee4e5
rgb(222,228,229)
-
#dce6e7
#dce6e7
rgb(220,230,231)
-
#dae8e9
#dae8e9
rgb(218,232,233)
-
#d7eaec
#d7eaec
rgb(215,234,236)
-
#d5ecee
#d5ecee
rgb(213,236,238)
-
#d3eef0
#d3eef0
rgb(211,238,240)
-
#d1f0f2
#d1f0f2
rgb(209,240,242)
-
#cef2f5
#cef2f5
rgb(206,242,245)
-
#ccf4f7
#ccf4f7
rgb(204,244,247)
-
#caf6f9
#caf6f9
rgb(202,246,249)
-
#c7f8fc
#c7f8fc
rgb(199,248,252)
-
#c5fafe
#c5fafe
rgb(197,250,254)
Color Blindness Simulator
Below, you can see how #ccf4f7 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.