#ccffff color information
In a RGB color space, hex #ccffff is composed of 80% red, 100% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 0% yellow and 0% black. It has a hue angle of 180 degrees, a saturation of 100% and a lightness of 90%. #ccffff color hex could be obtained by blending #ffffff with #99ffff. #ccffff (or #cff) is a websafe color.
#ccffff color conversion
The hexadecimal color #ccffff has RGB values of R:204, G:255, B:255 and CMYK values of C:0.2, M:0, Y:0, K:0. Its decimal value is 13434879.
- Hex triplet ccffff
#ccffff - RGB Decimal 204, 255, 255
rgb(204,255,255) - RGB Percent 80, 100, 100
rgb(80%,100%,100%) - CMYK 20, 0, 0, 0
- HSL 180°, 100, 90
hsl(180,100%,90%) - HSV (or HSB) 180°, 20, 100
- Web Safe ccffff
#ccffff
- CIE-LAB 96.646, -16.015, -5.321
- XYZ 78.708, 91.575, 108.131
- xyY 0.283, 0.329, 91.575
- CIE-LCH 96.646, 16.876, 198.378
- CIE-LUV 96.646, -25.936, -5.608
- Hunter-Lab 95.695, -20.653, -0.009
- Binary 11001100, 11111111, 11111111
Color Schemes with #ccffff
#ccffff in action
This text has a font color of #ccffff.
<span style="color:#ccffff;">Text here</span>
This paragraph has a background color of #ccffff.
<p style="background-color:#ccffff;">Content here</p>
This element has a border color of #ccffff.
<div style="border:1px solid #ccffff;">Content here</div>
.text {color:#ccffff;}
.background {background-color:#ccffff;}
.border {border:1px solid #ccffff;}
Shades of #ccffff
- #001b1b #001b1b
rgb(0,27,27) - #004343 #004343
rgb(0,67,67) - #006a6a #006a6a
rgb(0,106,106) - #009191 #009191
rgb(0,145,145) - #00b8b8 #00b8b8
rgb(0,184,184) - #00e0e0 #00e0e0
rgb(0,224,224) - #08ffff #08ffff
rgb(8,255,255) - #2fffff #2fffff
rgb(47,255,255) - #56ffff #56ffff
rgb(86,255,255) - #7effff #7effff
rgb(126,255,255) - #a5ffff #a5ffff
rgb(165,255,255) - #ccffff #ccffff
rgb(204,255,255) - #f3ffff #f3ffff
rgb(243,255,255)
Color Blindness Simulator
Below, you can see how #ccffff 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.
