#ccf2f5 Color Information
In a RGB color space, hex #ccf2f5 is composed of 80% red, 94.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 1.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 184.4 degrees, a saturation of 67.2% and a lightness of 88%. #ccf2f5 color hex could be obtained by blending #ffffff with #99e5eb. Closest websafe color is: #ccffff.
-
- R 80
- G 95
- B 96
-
- C 17
- M 1
- Y 0
- K 4
● #ccf2f5 color description : Light grayish cyan.
#ccf2f5 Color Conversion
The hexadecimal color #ccf2f5 has RGB values of R:204, G:242, B:245 and CMYK values of C:0.17, M:0.01, Y:0, K:0.04. Its decimal value is 13431541.
Hex triplet | ccf2f5 | #ccf2f5 |
---|---|---|
RGB Decimal | 204, 242, 245 | rgb(204,242,245) |
RGB Percent | 80, 94.9, 96.1 | rgb(80%,94.9%,96.1%) |
CMYK | 17, 1, 0, 4 | |
HSL | 184.4°, 67.2, 88 | hsl(184.4,67.2%,88%) |
HSV (or HSB) | 184.4°, 16.7, 96.1 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.985, -11.593, -5.548 |
---|---|
XYZ | 73.132, 82.933, 98.536 |
xyY | 0.287, 0.326, 82.933 |
CIE-LCH | 92.985, 12.852, 205.572 |
CIE-LUV | 92.985, -19.889, -6.675 |
Hunter-Lab | 91.067, -16.023, -0.405 |
Binary | 11001100, 11110010, 11110101 |
Color Schemes with #ccf2f5
Alternatives to #ccf2f5
Below, you can see some colors close to #ccf2f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf2f5 Preview
This text has a font color of #ccf2f5.
<span style="color:#ccf2f5;">Text here</span>
This paragraph has a background color of #ccf2f5.
<p style="background-color:#ccf2f5;">Content here</p>
This element has a border color of #ccf2f5.
<div style="border:1px solid #ccf2f5;">Content here</div>
.text {color:#ccf2f5;}
.background {background-color:#ccf2f5;}
.border {border:1px solid #ccf2f5;}
Shades and Tints of #ccf2f5
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, #030e0f is the darkest color, while #fdffff is the lightest one.
-
#030e0f
#030e0f
rgb(3,14,15)
-
#061d1f
#061d1f
rgb(6,29,31)
-
#092d2f
#092d2f
rgb(9,45,47)
-
#0d3c40
#0d3c40
rgb(13,60,64)
-
#104b50
#104b50
rgb(16,75,80)
-
#135b61
#135b61
rgb(19,91,97)
-
#166a71
#166a71
rgb(22,106,113)
-
#197a81
#197a81
rgb(25,122,129)
-
#1d8992
#1d8992
rgb(29,137,146)
-
#2099a2
#2099a2
rgb(32,153,162)
-
#23a8b3
#23a8b3
rgb(35,168,179)
-
#26b8c3
#26b8c3
rgb(38,184,195)
-
#29c7d3
#29c7d3
rgb(41,199,211)
-
#38ccd8
#38ccd8
rgb(56,204,216)
-
#49d1db
#49d1db
rgb(73,209,219)
-
#59d5de
#59d5de
rgb(89,213,222)
-
#6ad9e2
#6ad9e2
rgb(106,217,226)
-
#7adde5
#7adde5
rgb(122,221,229)
-
#8ae1e8
#8ae1e8
rgb(138,225,232)
-
#9be5eb
#9be5eb
rgb(155,229,235)
-
#abeaef
#abeaef
rgb(171,234,239)
-
#bceef2
#bceef2
rgb(188,238,242)
-
#ccf2f5
#ccf2f5
rgb(204,242,245)
-
#dcf6f8
#dcf6f8
rgb(220,246,248)
-
#edfafb
#edfafb
rgb(237,250,251)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #ccf2f5
A tone is produced by adding gray to any pure hue. In this case, #dfe2e2 is the less saturated color, while #c3fafe is the most saturated one.
-
#dfe2e2
#dfe2e2
rgb(223,226,226)
-
#dce4e5
#dce4e5
rgb(220,228,229)
-
#dae6e7
#dae6e7
rgb(218,230,231)
-
#d8e8e9
#d8e8e9
rgb(216,232,233)
-
#d5eaec
#d5eaec
rgb(213,234,236)
-
#d3ecee
#d3ecee
rgb(211,236,238)
-
#d1eef0
#d1eef0
rgb(209,238,240)
-
#cef0f3
#cef0f3
rgb(206,240,243)
-
#ccf2f5
#ccf2f5
rgb(204,242,245)
-
#caf4f7
#caf4f7
rgb(202,244,247)
-
#c7f6fa
#c7f6fa
rgb(199,246,250)
-
#c5f8fc
#c5f8fc
rgb(197,248,252)
-
#c3fafe
#c3fafe
rgb(195,250,254)
Color Blindness Simulator
Below, you can see how #ccf2f5 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.