#ccf5f3 Color Information
In a RGB color space, hex #ccf5f3 is composed of 80% red, 96.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 0.8% yellow and 3.9% black. It has a hue angle of 177.1 degrees, a saturation of 67.2% and a lightness of 88%. #ccf5f3 color hex could be obtained by blending #ffffff with #99ebe7. Closest websafe color is: #ccffff.
-
- R 80
- G 96
- B 95
-
- C 17
- M 0
- Y 1
- K 4
● #ccf5f3 color description : Light grayish cyan.
#ccf5f3 Color Conversion
The hexadecimal color #ccf5f3 has RGB values of R:204, G:245, B:243 and CMYK values of C:0.17, M:0, Y:0.01, K:0.04. Its decimal value is 13432307.
Hex triplet | ccf5f3 | #ccf5f3 |
---|---|---|
RGB Decimal | 204, 245, 243 | rgb(204,245,243) |
RGB Percent | 80, 96.1, 95.3 | rgb(80%,96.1%,95.3%) |
CMYK | 17, 0, 1, 4 | |
HSL | 177.1°, 67.2, 88 | hsl(177.1,67.2%,88%) |
HSV (or HSB) | 177.1°, 16.7, 96.1 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 93.715, -13.5, -3.434 |
---|---|
XYZ | 73.728, 84.612, 97.236 |
xyY | 0.288, 0.331, 84.612 |
CIE-LCH | 93.715, 13.93, 194.271 |
CIE-LUV | 93.715, -21.225, -3.014 |
Hunter-Lab | 91.985, -17.9, 1.714 |
Binary | 11001100, 11110101, 11110011 |
Color Schemes with #ccf5f3
Alternatives to #ccf5f3
Below, you can see some colors close to #ccf5f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf5f3 Preview
This text has a font color of #ccf5f3.
<span style="color:#ccf5f3;">Text here</span>
This paragraph has a background color of #ccf5f3.
<p style="background-color:#ccf5f3;">Content here</p>
This element has a border color of #ccf5f3.
<div style="border:1px solid #ccf5f3;">Content here</div>
.text {color:#ccf5f3;}
.background {background-color:#ccf5f3;}
.border {border:1px solid #ccf5f3;}
Shades and Tints of #ccf5f3
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, #030f0e is the darkest color, while #fdffff is the lightest one.
-
#030f0e
#030f0e
rgb(3,15,14)
-
#061f1e
#061f1e
rgb(6,31,30)
-
#092f2e
#092f2e
rgb(9,47,46)
-
#0d403d
#0d403d
rgb(13,64,61)
-
#10504d
#10504d
rgb(16,80,77)
-
#13615d
#13615d
rgb(19,97,93)
-
#16716d
#16716d
rgb(22,113,109)
-
#19817c
#19817c
rgb(25,129,124)
-
#1d928c
#1d928c
rgb(29,146,140)
-
#20a29c
#20a29c
rgb(32,162,156)
-
#23b3ac
#23b3ac
rgb(35,179,172)
-
#26c3bb
#26c3bb
rgb(38,195,187)
-
#29d3cb
#29d3cb
rgb(41,211,203)
-
#38d8d0
#38d8d0
rgb(56,216,208)
-
#49dbd4
#49dbd4
rgb(73,219,212)
-
#59ded8
#59ded8
rgb(89,222,216)
-
#6ae2dc
#6ae2dc
rgb(106,226,220)
-
#7ae5e0
#7ae5e0
rgb(122,229,224)
-
#8ae8e4
#8ae8e4
rgb(138,232,228)
-
#9bebe7
#9bebe7
rgb(155,235,231)
-
#abefeb
#abefeb
rgb(171,239,235)
-
#bcf2ef
#bcf2ef
rgb(188,242,239)
-
#ccf5f3
#ccf5f3
rgb(204,245,243)
-
#dcf8f7
#dcf8f7
rgb(220,248,247)
-
#edfbfb
#edfbfb
rgb(237,251,251)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #ccf5f3
A tone is produced by adding gray to any pure hue. In this case, #dfe2e2 is the less saturated color, while #c3fefb is the most saturated one.
-
#dfe2e2
#dfe2e2
rgb(223,226,226)
-
#dce5e4
#dce5e4
rgb(220,229,228)
-
#dae7e6
#dae7e6
rgb(218,231,230)
-
#d8e9e8
#d8e9e8
rgb(216,233,232)
-
#d5eceb
#d5eceb
rgb(213,236,235)
-
#d3eeed
#d3eeed
rgb(211,238,237)
-
#d1f0ef
#d1f0ef
rgb(209,240,239)
-
#cef3f1
#cef3f1
rgb(206,243,241)
-
#ccf5f3
#ccf5f3
rgb(204,245,243)
-
#caf7f5
#caf7f5
rgb(202,247,245)
-
#c7faf7
#c7faf7
rgb(199,250,247)
-
#c5fcf9
#c5fcf9
rgb(197,252,249)
-
#c3fefb
#c3fefb
rgb(195,254,251)
Color Blindness Simulator
Below, you can see how #ccf5f3 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.