#66ffff Color Information
In a RGB color space, hex #66ffff is composed of 40% red, 100% green and 100% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 0% magenta, 0% yellow and 0% black. It has a hue angle of 180 degrees, a saturation of 100% and a lightness of 70%. #66ffff color hex could be obtained by blending #ccffff with #00ffff. #66ffff (or #6ff) is a websafe color.
-
- R 40
- G 100
- B 100
-
- C 60
- M 0
- Y 0
- K 0
● #66ffff color description : Light cyan.
#66ffff Color Conversion
The hexadecimal color #66ffff has RGB values of R:102, G:255, B:255 and CMYK values of C:0.6, M:0, Y:0, K:0. Its decimal value is 6750207.
Hex triplet | 66ffff | #66ffff |
---|---|---|
RGB Decimal | 102, 255, 255 | rgb(102,255,255) |
RGB Percent | 40, 100, 100 | rgb(40%,100%,100%) |
CMYK | 60, 0, 0, 0 | |
HSL | 180°, 100, 70 | hsl(180,100%,70%) |
HSV (or HSB) | 180°, 60, 100 | |
Web Safe | 66ffff | #66ffff |
CIE-LAB | 92.38, -39.951, -12.114 |
---|---|
XYZ | 59.284, 81.56, 107.221 |
xyY | 0.239, 0.329, 81.56 |
CIE-LCH | 92.38, 41.747, 196.869 |
CIE-LUV | 92.38, -60.084, -12.975 |
Hunter-Lab | 90.311, -40.868, -7.174 |
Binary | 01100110, 11111111, 11111111 |
Color Schemes with #66ffff
Alternatives to #66ffff
Below, you can see some colors close to #66ffff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#66ffff Preview
This text has a font color of #66ffff.
<span style="color:#66ffff;">Text here</span>
This paragraph has a background color of #66ffff.
<p style="background-color:#66ffff;">Content here</p>
This element has a border color of #66ffff.
<div style="border:1px solid #66ffff;">Content here</div>
.text {color:#66ffff;}
.background {background-color:#66ffff;}
.border {border:1px solid #66ffff;}
Shades and Tints of #66ffff
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, #000404 is the darkest color, while #efffff is the lightest one.
-
#000404
#000404
rgb(0,4,4)
-
#001818
#001818
rgb(0,24,24)
-
#002b2b
#002b2b
rgb(0,43,43)
-
#003f3f
#003f3f
rgb(0,63,63)
-
#005252
#005252
rgb(0,82,82)
-
#006666
#006666
rgb(0,102,102)
-
#007a7a
#007a7a
rgb(0,122,122)
-
#008d8d
#008d8d
rgb(0,141,141)
-
#00a1a1
#00a1a1
rgb(0,161,161)
-
#00b4b4
#00b4b4
rgb(0,180,180)
-
#00c8c8
#00c8c8
rgb(0,200,200)
-
#00dcdc
#00dcdc
rgb(0,220,220)
-
#00efef
#00efef
rgb(0,239,239)
-
#04ffff
#04ffff
rgb(4,255,255)
-
#18ffff
#18ffff
rgb(24,255,255)
-
#2bffff
#2bffff
rgb(43,255,255)
-
#3fffff
#3fffff
rgb(63,255,255)
-
#52ffff
#52ffff
rgb(82,255,255)
-
#66ffff
#66ffff
rgb(102,255,255)
-
#7affff
#7affff
rgb(122,255,255)
-
#8dffff
#8dffff
rgb(141,255,255)
-
#a1ffff
#a1ffff
rgb(161,255,255)
-
#b4ffff
#b4ffff
rgb(180,255,255)
-
#c8ffff
#c8ffff
rgb(200,255,255)
-
#dcffff
#dcffff
rgb(220,255,255)
-
#efffff
#efffff
rgb(239,255,255)
Tones of #66ffff
A tone is produced by adding gray to any pure hue. In this case, #adb8b8 is the less saturated color, while #66ffff is the most saturated one.
-
#adb8b8
#adb8b8
rgb(173,184,184)
-
#a7bebe
#a7bebe
rgb(167,190,190)
-
#a1c4c4
#a1c4c4
rgb(161,196,196)
-
#9bcaca
#9bcaca
rgb(155,202,202)
-
#95d0d0
#95d0d0
rgb(149,208,208)
-
#8fd6d6
#8fd6d6
rgb(143,214,214)
-
#89dcdc
#89dcdc
rgb(137,220,220)
-
#83e2e2
#83e2e2
rgb(131,226,226)
-
#7ee7e7
#7ee7e7
rgb(126,231,231)
-
#78eded
#78eded
rgb(120,237,237)
-
#72f3f3
#72f3f3
rgb(114,243,243)
-
#6cf9f9
#6cf9f9
rgb(108,249,249)
-
#66ffff
#66ffff
rgb(102,255,255)
Color Blindness Simulator
Below, you can see how #66ffff 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.