#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.
-
- R 40
- G 80
- B 100
-
- C 60
- M 20
- Y 0
- K 0
● #66ccff color description : Light blue.
#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
Alternatives to #66ccff
Below, you can see some colors close to #66ccff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#66ccff Preview
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 and Tints of #66ccff
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, #000304 is the darkest color, while #effaff is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#001018
#001018
rgb(0,16,24)
-
#001d2b
#001d2b
rgb(0,29,43)
-
#002a3f
#002a3f
rgb(0,42,63)
-
#003752
#003752
rgb(0,55,82)
-
#004466
#004466
rgb(0,68,102)
-
#00517a
#00517a
rgb(0,81,122)
-
#005e8d
#005e8d
rgb(0,94,141)
-
#006ba1
#006ba1
rgb(0,107,161)
-
#0078b4
#0078b4
rgb(0,120,180)
-
#0085c8
#0085c8
rgb(0,133,200)
-
#0092dc
#0092dc
rgb(0,146,220)
-
#00a0ef
#00a0ef
rgb(0,160,239)
-
#04abff
#04abff
rgb(4,171,255)
-
#18b2ff
#18b2ff
rgb(24,178,255)
-
#2bb8ff
#2bb8ff
rgb(43,184,255)
-
#3fbfff
#3fbfff
rgb(63,191,255)
-
#52c5ff
#52c5ff
rgb(82,197,255)
-
#66ccff
#66ccff
rgb(102,204,255)
-
#7ad3ff
#7ad3ff
rgb(122,211,255)
-
#8dd9ff
#8dd9ff
rgb(141,217,255)
-
#a1e0ff
#a1e0ff
rgb(161,224,255)
-
#b4e6ff
#b4e6ff
rgb(180,230,255)
-
#c8edff
#c8edff
rgb(200,237,255)
-
#dcf3ff
#dcf3ff
rgb(220,243,255)
-
#effaff
#effaff
rgb(239,250,255)
Tones of #66ccff
A tone is produced by adding gray to any pure hue. In this case, #adb4b8 is the less saturated color, while #66ccff is the most saturated one.
-
#adb4b8
#adb4b8
rgb(173,180,184)
-
#a7b6be
#a7b6be
rgb(167,182,190)
-
#a1b8c4
#a1b8c4
rgb(161,184,196)
-
#9bbaca
#9bbaca
rgb(155,186,202)
-
#95bcd0
#95bcd0
rgb(149,188,208)
-
#8fbed6
#8fbed6
rgb(143,190,214)
-
#89c0dc
#89c0dc
rgb(137,192,220)
-
#83c2e2
#83c2e2
rgb(131,194,226)
-
#7ec4e7
#7ec4e7
rgb(126,196,231)
-
#78c6ed
#78c6ed
rgb(120,198,237)
-
#72c8f3
#72c8f3
rgb(114,200,243)
-
#6ccaf9
#6ccaf9
rgb(108,202,249)
-
#66ccff
#66ccff
rgb(102,204,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.