#ccf9f9 Color Information
In a RGB color space, hex #ccf9f9 is composed of 80% red, 97.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 18.1% cyan, 0% magenta, 0% yellow and 2.4% black. It has a hue angle of 180 degrees, a saturation of 78.9% and a lightness of 88.8%. #ccf9f9 color hex could be obtained by blending #ffffff with #99f3f3. Closest websafe color is: #ccffff.
-
- R 80
- G 98
- B 98
-
- C 18
- M 0
- Y 0
- K 2
● #ccf9f9 color description : Light grayish cyan.
#ccf9f9 Color Conversion
The hexadecimal color #ccf9f9 has RGB values of R:204, G:249, B:249 and CMYK values of C:0.18, M:0, Y:0, K:0.02. Its decimal value is 13433337.
Hex triplet | ccf9f9 | #ccf9f9 |
---|---|---|
RGB Decimal | 204, 249, 249 | rgb(204,249,249) |
RGB Percent | 80, 97.6, 97.6 | rgb(80%,97.6%,97.6%) |
CMYK | 18, 0, 0, 2 | |
HSL | 180°, 78.9, 88.8 | hsl(180,78.9%,88.8%) |
HSV (or HSB) | 180°, 18.1, 97.6 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 94.919, -14.276, -4.77 |
---|---|
XYZ | 75.872, 87.426, 102.495 |
xyY | 0.285, 0.329, 87.426 |
CIE-LCH | 94.919, 15.052, 198.476 |
CIE-LUV | 94.919, -23.153, -5.007 |
Hunter-Lab | 93.502, -18.784, 0.459 |
Binary | 11001100, 11111001, 11111001 |
Color Schemes with #ccf9f9
Alternatives to #ccf9f9
Below, you can see some colors close to #ccf9f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf9f9 Preview
This text has a font color of #ccf9f9.
<span style="color:#ccf9f9;">Text here</span>
This paragraph has a background color of #ccf9f9.
<p style="background-color:#ccf9f9;">Content here</p>
This element has a border color of #ccf9f9.
<div style="border:1px solid #ccf9f9;">Content here</div>
.text {color:#ccf9f9;}
.background {background-color:#ccf9f9;}
.border {border:1px solid #ccf9f9;}
Shades and Tints of #ccf9f9
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, #000202 is the darkest color, while #effdfd is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#021313
#021313
rgb(2,19,19)
-
#042525
#042525
rgb(4,37,37)
-
#063636
#063636
rgb(6,54,54)
-
#084848
#084848
rgb(8,72,72)
-
#0b5959
#0b5959
rgb(11,89,89)
-
#0d6b6b
#0d6b6b
rgb(13,107,107)
-
#0f7d7d
#0f7d7d
rgb(15,125,125)
-
#118e8e
#118e8e
rgb(17,142,142)
-
#13a0a0
#13a0a0
rgb(19,160,160)
-
#15b1b1
#15b1b1
rgb(21,177,177)
-
#17c3c3
#17c3c3
rgb(23,195,195)
-
#19d4d4
#19d4d4
rgb(25,212,212)
-
#1ce4e4
#1ce4e4
rgb(28,228,228)
-
#2ee6e6
#2ee6e6
rgb(46,230,230)
-
#40e8e8
#40e8e8
rgb(64,232,232)
-
#51ebeb
#51ebeb
rgb(81,235,235)
-
#63eded
#63eded
rgb(99,237,237)
-
#74efef
#74efef
rgb(116,239,239)
-
#86f1f1
#86f1f1
rgb(134,241,241)
-
#97f3f3
#97f3f3
rgb(151,243,243)
-
#a9f5f5
#a9f5f5
rgb(169,245,245)
-
#baf7f7
#baf7f7
rgb(186,247,247)
-
#ccf9f9
#ccf9f9
rgb(204,249,249)
-
#defbfb
#defbfb
rgb(222,251,251)
-
#effdfd
#effdfd
rgb(239,253,253)
Tones of #ccf9f9
A tone is produced by adding gray to any pure hue. In this case, #e2e3e3 is the less saturated color, while #c8fdfd is the most saturated one.
-
#e2e3e3
#e2e3e3
rgb(226,227,227)
-
#e0e5e5
#e0e5e5
rgb(224,229,229)
-
#dee7e7
#dee7e7
rgb(222,231,231)
-
#dbeaea
#dbeaea
rgb(219,234,234)
-
#d9ecec
#d9ecec
rgb(217,236,236)
-
#d7eeee
#d7eeee
rgb(215,238,238)
-
#d5f0f0
#d5f0f0
rgb(213,240,240)
-
#d3f2f2
#d3f2f2
rgb(211,242,242)
-
#d0f5f5
#d0f5f5
rgb(208,245,245)
-
#cef7f7
#cef7f7
rgb(206,247,247)
-
#ccf9f9
#ccf9f9
rgb(204,249,249)
-
#cafbfb
#cafbfb
rgb(202,251,251)
-
#c8fdfd
#c8fdfd
rgb(200,253,253)
Color Blindness Simulator
Below, you can see how #ccf9f9 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.