#ccf7f3 Color Information
In a RGB color space, hex #ccf7f3 is composed of 80% red, 96.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 17.4% cyan, 0% magenta, 1.6% yellow and 3.1% black. It has a hue angle of 174.4 degrees, a saturation of 72.9% and a lightness of 88.4%. #ccf7f3 color hex could be obtained by blending #ffffff with #99efe7. Closest websafe color is: #ccffff.
-
- R 80
- G 97
- B 95
-
- C 17
- M 0
- Y 2
- K 3
● #ccf7f3 color description : Light grayish cyan.
#ccf7f3 Color Conversion
The hexadecimal color #ccf7f3 has RGB values of R:204, G:247, B:243 and CMYK values of C:0.17, M:0, Y:0.02, K:0.03. Its decimal value is 13432819.
Hex triplet | ccf7f3 | #ccf7f3 |
---|---|---|
RGB Decimal | 204, 247, 243 | rgb(204,247,243) |
RGB Percent | 80, 96.9, 95.3 | rgb(80%,96.9%,95.3%) |
CMYK | 17, 0, 2, 3 | |
HSL | 174.4°, 72.9, 88.4 | hsl(174.4,72.9%,88.4%) |
HSV (or HSB) | 174.4°, 17.4, 96.9 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 94.239, -14.496, -2.665 |
---|---|
XYZ | 74.337, 85.828, 97.439 |
xyY | 0.289, 0.333, 85.828 |
CIE-LCH | 94.239, 14.739, 190.418 |
CIE-LUV | 94.239, -22.143, -1.637 |
Hunter-Lab | 92.643, -18.899, 2.491 |
Binary | 11001100, 11110111, 11110011 |
Color Schemes with #ccf7f3
Alternatives to #ccf7f3
Below, you can see some colors close to #ccf7f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf7f3 Preview
This text has a font color of #ccf7f3.
<span style="color:#ccf7f3;">Text here</span>
This paragraph has a background color of #ccf7f3.
<p style="background-color:#ccf7f3;">Content here</p>
This element has a border color of #ccf7f3.
<div style="border:1px solid #ccf7f3;">Content here</div>
.text {color:#ccf7f3;}
.background {background-color:#ccf7f3;}
.border {border:1px solid #ccf7f3;}
Shades and Tints of #ccf7f3
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, #031110 is the darkest color, while #ffffff is the lightest one.
-
#031110
#031110
rgb(3,17,16)
-
#05221f
#05221f
rgb(5,34,31)
-
#08332f
#08332f
rgb(8,51,47)
-
#0b443e
#0b443e
rgb(11,68,62)
-
#0d554e
#0d554e
rgb(13,85,78)
-
#10665e
#10665e
rgb(16,102,94)
-
#13776d
#13776d
rgb(19,119,109)
-
#15887d
#15887d
rgb(21,136,125)
-
#18988d
#18988d
rgb(24,152,141)
-
#1ba99c
#1ba99c
rgb(27,169,156)
-
#1dbaac
#1dbaac
rgb(29,186,172)
-
#20cbbb
#20cbbb
rgb(32,203,187)
-
#23dccb
#23dccb
rgb(35,220,203)
-
#33dfcf
#33dfcf
rgb(51,223,207)
-
#44e2d3
#44e2d3
rgb(68,226,211)
-
#55e4d7
#55e4d7
rgb(85,228,215)
-
#66e7db
#66e7db
rgb(102,231,219)
-
#77eadf
#77eadf
rgb(119,234,223)
-
#88ece3
#88ece3
rgb(136,236,227)
-
#99efe7
#99efe7
rgb(153,239,231)
-
#aaf2eb
#aaf2eb
rgb(170,242,235)
-
#bbf4ef
#bbf4ef
rgb(187,244,239)
-
#ccf7f3
#ccf7f3
rgb(204,247,243)
-
#ddfaf7
#ddfaf7
rgb(221,250,247)
-
#eefcfb
#eefcfb
rgb(238,252,251)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ccf7f3
A tone is produced by adding gray to any pure hue. In this case, #e0e3e2 is the less saturated color, while #c5fef9 is the most saturated one.
-
#e0e3e2
#e0e3e2
rgb(224,227,226)
-
#dee5e4
#dee5e4
rgb(222,229,228)
-
#dce7e6
#dce7e6
rgb(220,231,230)
-
#dae9e8
#dae9e8
rgb(218,233,232)
-
#d7ecea
#d7ecea
rgb(215,236,234)
-
#d5eeec
#d5eeec
rgb(213,238,236)
-
#d3f0ed
#d3f0ed
rgb(211,240,237)
-
#d1f2ef
#d1f2ef
rgb(209,242,239)
-
#cef5f1
#cef5f1
rgb(206,245,241)
-
#ccf7f3
#ccf7f3
rgb(204,247,243)
-
#caf9f5
#caf9f5
rgb(202,249,245)
-
#c7fcf7
#c7fcf7
rgb(199,252,247)
-
#c5fef9
#c5fef9
rgb(197,254,249)
Color Blindness Simulator
Below, you can see how #ccf7f3 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.