#66ccff color information
In a RGB color space, hex #66ccff is composed of 40% red, 80% green and 100% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 20% magenta, 0% yellow and 0% black. It has a hue angle of 200 degrees, a saturation of 100% and a lightness of 70%. #66ccff color hex could be obtained by blending #ccffff with #0099ff. #66ccff (or #6cf) is a websafe color.
#66ccff color conversion
The hexadecimal color #66ccff has RGB values of R:102, G:204, B:255 and CMYK values of C:0.6, M:0.2, Y:0, K:0. Its decimal value is 6737151.
- Hex triplet 66ccff
#66ccff - RGB Decimal 102, 204, 255
rgb(102,204,255) - RGB Percent 40, 80, 100
rgb(40%,80%,100%) - CMYK 60, 20, 0, 0
- HSL 200°, 100, 70
hsl(200,100%,70%) - HSV (or HSB) 200°, 60, 100
- Web Safe 66ccff
#66ccff
- CIE-LAB 78.009, -15.174, -33.927
- XYZ 45.118, 53.227, 102.498
- xyY 0.225, 0.265, 53.227
- CIE-LCH 78.009, 37.166, 245.904
- CIE-LUV 78.009, -41.627, -52.881
- Hunter-Lab 72.957, -17.288, -32.228
- Binary 01100110, 11001100, 11111111
Color Schemes with #66ccff
#66ccff in action
This text has a font color of #66ccff.
<span style="color:#66ccff;">Text here</span>
This paragraph has a background color of #66ccff.
<p style="background-color:#66ccff;">Content here</p>
This element has a border color of #66ccff.
<div style="border:1px solid #66ccff;">Content here</div>
.text {color:#66ccff;}
.background {background-color:#66ccff;}
.border {border:1px solid #66ccff;}
Shades of #66ccff
- #000304 #000304
rgb(0,3,4) - #001d2b #001d2b
rgb(0,29,43) - #003752 #003752
rgb(0,55,82) - #00517a #00517a
rgb(0,81,122) - #006ba1 #006ba1
rgb(0,107,161) - #0085c8 #0085c8
rgb(0,133,200) - #00a0ef #00a0ef
rgb(0,160,239) - #18b2ff #18b2ff
rgb(24,178,255) - #3fbfff #3fbfff
rgb(63,191,255) - #66ccff #66ccff
rgb(102,204,255) - #8dd9ff #8dd9ff
rgb(141,217,255) - #b4e6ff #b4e6ff
rgb(180,230,255) - #dcf3ff #dcf3ff
rgb(220,243,255)
Color Blindness Simulator
Below, you can see how #66ccff 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.
