#ccf0f8 Color Information
In a RGB color space, hex #ccf0f8 is composed of 80% red, 94.1% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 3.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 190.9 degrees, a saturation of 75.9% and a lightness of 88.6%. #ccf0f8 color hex could be obtained by blending #ffffff with #99e1f1. Closest websafe color is: #ccffff.
-
- R 80
- G 94
- B 97
-
- C 18
- M 3
- Y 0
- K 3
● #ccf0f8 color description : Light grayish cyan.
#ccf0f8 Color Conversion
The hexadecimal color #ccf0f8 has RGB values of R:204, G:240, B:248 and CMYK values of C:0.18, M:0.03, Y:0, K:0.03. Its decimal value is 13431032.
Hex triplet | ccf0f8 | #ccf0f8 |
---|---|---|
RGB Decimal | 204, 240, 248 | rgb(204,240,248) |
RGB Percent | 80, 94.1, 97.3 | rgb(80%,94.1%,97.3%) |
CMYK | 18, 3, 0, 3 | |
HSL | 190.9°, 75.9, 88.6 | hsl(190.9,75.9%,88.6%) |
HSV (or HSB) | 190.9°, 17.7, 97.3 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.545, -9.971, -7.757 |
---|---|
XYZ | 73.001, 81.933, 100.77 |
xyY | 0.285, 0.32, 81.933 |
CIE-LCH | 92.545, 12.633, 217.88 |
CIE-LUV | 92.545, -19.041, -10.467 |
Hunter-Lab | 90.517, -14.445, -2.644 |
Binary | 11001100, 11110000, 11111000 |
Color Schemes with #ccf0f8
Alternatives to #ccf0f8
Below, you can see some colors close to #ccf0f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf0f8 Preview
This text has a font color of #ccf0f8.
<span style="color:#ccf0f8;">Text here</span>
This paragraph has a background color of #ccf0f8.
<p style="background-color:#ccf0f8;">Content here</p>
This element has a border color of #ccf0f8.
<div style="border:1px solid #ccf0f8;">Content here</div>
.text {color:#ccf0f8;}
.background {background-color:#ccf0f8;}
.border {border:1px solid #ccf0f8;}
Shades and Tints of #ccf0f8
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, #000101 is the darkest color, while #eefafd is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#020f12
#020f12
rgb(2,15,18)
-
#051e23
#051e23
rgb(5,30,35)
-
#072c34
#072c34
rgb(7,44,52)
-
#0a3b46
#0a3b46
rgb(10,59,70)
-
#0c4957
#0c4957
rgb(12,73,87)
-
#0e5868
#0e5868
rgb(14,88,104)
-
#116679
#116679
rgb(17,102,121)
-
#13758b
#13758b
rgb(19,117,139)
-
#15849c
#15849c
rgb(21,132,156)
-
#1892ad
#1892ad
rgb(24,146,173)
-
#1aa1be
#1aa1be
rgb(26,161,190)
-
#1dafd0
#1dafd0
rgb(29,175,208)
-
#20bde0
#20bde0
rgb(32,189,224)
-
#31c2e3
#31c2e3
rgb(49,194,227)
-
#42c7e5
#42c7e5
rgb(66,199,229)
-
#53cce7
#53cce7
rgb(83,204,231)
-
#65d2ea
#65d2ea
rgb(101,210,234)
-
#76d7ec
#76d7ec
rgb(118,215,236)
-
#87dcef
#87dcef
rgb(135,220,239)
-
#98e1f1
#98e1f1
rgb(152,225,241)
-
#aae6f3
#aae6f3
rgb(170,230,243)
-
#bbebf6
#bbebf6
rgb(187,235,246)
-
#ccf0f8
#ccf0f8
rgb(204,240,248)
-
#ddf5fa
#ddf5fa
rgb(221,245,250)
-
#eefafd
#eefafd
rgb(238,250,253)
Tones of #ccf0f8
A tone is produced by adding gray to any pure hue. In this case, #e0e3e4 is the less saturated color, while #c5f4ff is the most saturated one.
-
#e0e3e4
#e0e3e4
rgb(224,227,228)
-
#dee5e6
#dee5e6
rgb(222,229,230)
-
#dce6e8
#dce6e8
rgb(220,230,232)
-
#d9e7eb
#d9e7eb
rgb(217,231,235)
-
#d7e9ed
#d7e9ed
rgb(215,233,237)
-
#d5eaef
#d5eaef
rgb(213,234,239)
-
#d3ecf1
#d3ecf1
rgb(211,236,241)
-
#d0edf4
#d0edf4
rgb(208,237,244)
-
#ceeff6
#ceeff6
rgb(206,239,246)
-
#ccf0f8
#ccf0f8
rgb(204,240,248)
-
#caf1fa
#caf1fa
rgb(202,241,250)
-
#c8f3fc
#c8f3fc
rgb(200,243,252)
-
#c5f4ff
#c5f4ff
rgb(197,244,255)
Color Blindness Simulator
Below, you can see how #ccf0f8 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.