#ccf0f0 Color Information
In a RGB color space, hex #ccf0f0 is composed of 80% red, 94.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 0% yellow and 5.9% black. It has a hue angle of 180 degrees, a saturation of 54.5% and a lightness of 87.1%. #ccf0f0 color hex could be obtained by blending #ffffff with #99e1e1. Closest websafe color is: #ccffff.
-
- R 80
- G 94
- B 94
-
- C 15
- M 0
- Y 0
- K 6
● #ccf0f0 color description : Light grayish cyan.
#ccf0f0 Color Conversion
The hexadecimal color #ccf0f0 has RGB values of R:204, G:240, B:240 and CMYK values of C:0.15, M:0, Y:0, K:0.06. Its decimal value is 13431024.
Hex triplet | ccf0f0 | #ccf0f0 |
---|---|---|
RGB Decimal | 204, 240, 240 | rgb(204,240,240) |
RGB Percent | 80, 94.1, 94.1 | rgb(80%,94.1%,94.1%) |
CMYK | 15, 0, 0, 6 | |
HSL | 180°, 54.5, 87.1 | hsl(180,54.5%,87.1%) |
HSV (or HSB) | 180°, 15, 94.1 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.33, -11.599, -3.912 |
---|---|
XYZ | 71.787, 81.447, 94.372 |
xyY | 0.29, 0.329, 81.447 |
CIE-LCH | 92.33, 12.241, 198.638 |
CIE-LUV | 92.33, -18.858, -4.08 |
Hunter-Lab | 90.248, -15.949, 1.174 |
Binary | 11001100, 11110000, 11110000 |
Color Schemes with #ccf0f0
Alternatives to #ccf0f0
Below, you can see some colors close to #ccf0f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf0f0 Preview
This text has a font color of #ccf0f0.
<span style="color:#ccf0f0;">Text here</span>
This paragraph has a background color of #ccf0f0.
<p style="background-color:#ccf0f0;">Content here</p>
This element has a border color of #ccf0f0.
<div style="border:1px solid #ccf0f0;">Content here</div>
.text {color:#ccf0f0;}
.background {background-color:#ccf0f0;}
.border {border:1px solid #ccf0f0;}
Shades and Tints of #ccf0f0
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, #030a0a is the darkest color, while #f9fdfd is the lightest one.
-
#030a0a
#030a0a
rgb(3,10,10)
-
#071919
#071919
rgb(7,25,25)
-
#0c2828
#0c2828
rgb(12,40,40)
-
#103737
#103737
rgb(16,55,55)
-
#154646
#154646
rgb(21,70,70)
-
#195555
#195555
rgb(25,85,85)
-
#1e6565
#1e6565
rgb(30,101,101)
-
#227474
#227474
rgb(34,116,116)
-
#268383
#268383
rgb(38,131,131)
-
#2b9292
#2b9292
rgb(43,146,146)
-
#2fa1a1
#2fa1a1
rgb(47,161,161)
-
#34b0b0
#34b0b0
rgb(52,176,176)
-
#38c0c0
#38c0c0
rgb(56,192,192)
-
#44c8c8
#44c8c8
rgb(68,200,200)
-
#53cccc
#53cccc
rgb(83,204,204)
-
#62d1d1
#62d1d1
rgb(98,209,209)
-
#71d5d5
#71d5d5
rgb(113,213,213)
-
#80dada
#80dada
rgb(128,218,218)
-
#8fdede
#8fdede
rgb(143,222,222)
-
#9fe3e3
#9fe3e3
rgb(159,227,227)
-
#aee7e7
#aee7e7
rgb(174,231,231)
-
#bdecec
#bdecec
rgb(189,236,236)
-
#ccf0f0
#ccf0f0
rgb(204,240,240)
-
#dbf4f4
#dbf4f4
rgb(219,244,244)
-
#eaf9f9
#eaf9f9
rgb(234,249,249)
-
#f9fdfd
#f9fdfd
rgb(249,253,253)
Tones of #ccf0f0
A tone is produced by adding gray to any pure hue. In this case, #dedede is the less saturated color, while #bffdfd is the most saturated one.
-
#dedede
#dedede
rgb(222,222,222)
-
#dbe1e1
#dbe1e1
rgb(219,225,225)
-
#d9e3e3
#d9e3e3
rgb(217,227,227)
-
#d6e6e6
#d6e6e6
rgb(214,230,230)
-
#d4e8e8
#d4e8e8
rgb(212,232,232)
-
#d1ebeb
#d1ebeb
rgb(209,235,235)
-
#cfeded
#cfeded
rgb(207,237,237)
-
#ccf0f0
#ccf0f0
rgb(204,240,240)
-
#c9f3f3
#c9f3f3
rgb(201,243,243)
-
#c7f5f5
#c7f5f5
rgb(199,245,245)
-
#c4f8f8
#c4f8f8
rgb(196,248,248)
-
#c2fafa
#c2fafa
rgb(194,250,250)
-
#bffdfd
#bffdfd
rgb(191,253,253)
Color Blindness Simulator
Below, you can see how #ccf0f0 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.