#66d3ff Color Information
In a RGB color space, hex #66d3ff is composed of 40% red, 82.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 17.3% magenta, 0% yellow and 0% black. It has a hue angle of 197.3 degrees, a saturation of 100% and a lightness of 70%. #66d3ff color hex could be obtained by blending #ccffff with #00a7ff. Closest websafe color is: #66ccff.
-
- R 40
- G 83
- B 100
-
- C 60
- M 17
- Y 0
- K 0
● #66d3ff color description : Light blue.
#66d3ff Color Conversion
The hexadecimal color #66d3ff has RGB values of R:102, G:211, B:255 and CMYK values of C:0.6, M:0.17, Y:0, K:0. Its decimal value is 6738943.
Hex triplet | 66d3ff | #66d3ff |
---|---|---|
RGB Decimal | 102, 211, 255 | rgb(102,211,255) |
RGB Percent | 40, 82.7, 100 | rgb(40%,82.7%,100%) |
CMYK | 60, 17, 0, 0 | |
HSL | 197.3°, 100, 70 | hsl(197.3,100%,70%) |
HSV (or HSB) | 197.3°, 60, 100 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 79.971, -18.788, -30.906 |
---|---|
XYZ | 46.819, 56.63, 103.066 |
xyY | 0.227, 0.274, 56.63 |
CIE-LCH | 79.971, 36.168, 238.704 |
CIE-LUV | 79.971, -44.167, -47.342 |
Hunter-Lab | 75.253, -20.637, -28.526 |
Binary | 01100110, 11010011, 11111111 |
Color Schemes with #66d3ff
Alternatives to #66d3ff
Below, you can see some colors close to #66d3ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#66d3ff Preview
This text has a font color of #66d3ff.
<span style="color:#66d3ff;">Text here</span>
This paragraph has a background color of #66d3ff.
<p style="background-color:#66d3ff;">Content here</p>
This element has a border color of #66d3ff.
<div style="border:1px solid #66d3ff;">Content here</div>
.text {color:#66d3ff;}
.background {background-color:#66d3ff;}
.border {border:1px solid #66d3ff;}
Shades and Tints of #66d3ff
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)
-
#001118
#001118
rgb(0,17,24)
-
#001f2b
#001f2b
rgb(0,31,43)
-
#002d3f
#002d3f
rgb(0,45,63)
-
#003b52
#003b52
rgb(0,59,82)
-
#004966
#004966
rgb(0,73,102)
-
#00577a
#00577a
rgb(0,87,122)
-
#00658d
#00658d
rgb(0,101,141)
-
#0073a1
#0073a1
rgb(0,115,161)
-
#0081b4
#0081b4
rgb(0,129,180)
-
#008fc8
#008fc8
rgb(0,143,200)
-
#009ddc
#009ddc
rgb(0,157,220)
-
#00aaef
#00aaef
rgb(0,170,239)
-
#04b7ff
#04b7ff
rgb(4,183,255)
-
#18bcff
#18bcff
rgb(24,188,255)
-
#2bc2ff
#2bc2ff
rgb(43,194,255)
-
#3fc8ff
#3fc8ff
rgb(63,200,255)
-
#52cdff
#52cdff
rgb(82,205,255)
-
#66d3ff
#66d3ff
rgb(102,211,255)
-
#7ad9ff
#7ad9ff
rgb(122,217,255)
-
#8ddeff
#8ddeff
rgb(141,222,255)
-
#a1e4ff
#a1e4ff
rgb(161,228,255)
-
#b4eaff
#b4eaff
rgb(180,234,255)
-
#c8efff
#c8efff
rgb(200,239,255)
-
#dcf5ff
#dcf5ff
rgb(220,245,255)
-
#effaff
#effaff
rgb(239,250,255)
Tones of #66d3ff
A tone is produced by adding gray to any pure hue. In this case, #adb5b8 is the less saturated color, while #66d3ff is the most saturated one.
-
#adb5b8
#adb5b8
rgb(173,181,184)
-
#a7b8be
#a7b8be
rgb(167,184,190)
-
#a1bac4
#a1bac4
rgb(161,186,196)
-
#9bbdca
#9bbdca
rgb(155,189,202)
-
#95bfd0
#95bfd0
rgb(149,191,208)
-
#8fc2d6
#8fc2d6
rgb(143,194,214)
-
#89c4dc
#89c4dc
rgb(137,196,220)
-
#83c7e2
#83c7e2
rgb(131,199,226)
-
#7ec9e7
#7ec9e7
rgb(126,201,231)
-
#78cced
#78cced
rgb(120,204,237)
-
#72cef3
#72cef3
rgb(114,206,243)
-
#6cd1f9
#6cd1f9
rgb(108,209,249)
-
#66d3ff
#66d3ff
rgb(102,211,255)
Color Blindness Simulator
Below, you can see how #66d3ff 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.