#66a5d4 Color Information
In a RGB color space, hex #66a5d4 is composed of 40% red, 64.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 22.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 205.6 degrees, a saturation of 56.1% and a lightness of 61.6%. #66a5d4 color hex could be obtained by blending #ccffff with #004ba9. Closest websafe color is: #6699cc.
-
- R 40
- G 65
- B 83
-
- C 52
- M 22
- Y 0
- K 17
● #66a5d4 color description : Moderate blue.
#66a5d4 Color Conversion
The hexadecimal color #66a5d4 has RGB values of R:102, G:165, B:212 and CMYK values of C:0.52, M:0.22, Y:0, K:0.17. Its decimal value is 6727124.
Hex triplet | 66a5d4 | #66a5d4 |
---|---|---|
RGB Decimal | 102, 165, 212 | rgb(102,165,212) |
RGB Percent | 40, 64.7, 83.1 | rgb(40%,64.7%,83.1%) |
CMYK | 52, 22, 0, 17 | |
HSL | 205.6°, 56.1, 61.6 | hsl(205.6,56.1%,61.6%) |
HSV (or HSB) | 205.6°, 51.9, 83.1 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 65.347, -7.145, -30.126 |
---|---|
XYZ | 30.815, 34.487, 67.316 |
xyY | 0.232, 0.26, 34.487 |
CIE-LCH | 65.347, 30.961, 256.658 |
CIE-LUV | 65.347, -28.463, -46.325 |
Hunter-Lab | 58.725, -9.104, -26.856 |
Binary | 01100110, 10100101, 11010100 |
Color Schemes with #66a5d4
Alternatives to #66a5d4
Below, you can see some colors close to #66a5d4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#66a5d4 Preview
This text has a font color of #66a5d4.
<span style="color:#66a5d4;">Text here</span>
This paragraph has a background color of #66a5d4.
<p style="background-color:#66a5d4;">Content here</p>
This element has a border color of #66a5d4.
<div style="border:1px solid #66a5d4;">Content here</div>
.text {color:#66a5d4;}
.background {background-color:#66a5d4;}
.border {border:1px solid #66a5d4;}
Shades and Tints of #66a5d4
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, #000000 is the darkest color, while #f0f6fb is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#040b0f
#040b0f
rgb(4,11,15)
-
#09151f
#09151f
rgb(9,21,31)
-
#0d202e
#0d202e
rgb(13,32,46)
-
#112b3d
#112b3d
rgb(17,43,61)
-
#16354d
#16354d
rgb(22,53,77)
-
#1a405c
#1a405c
rgb(26,64,92)
-
#1e4a6b
#1e4a6b
rgb(30,74,107)
-
#22557b
#22557b
rgb(34,85,123)
-
#27608a
#27608a
rgb(39,96,138)
-
#2b6a99
#2b6a99
rgb(43,106,153)
-
#2f75a9
#2f75a9
rgb(47,117,169)
-
#347fb8
#347fb8
rgb(52,127,184)
-
#388ac7
#388ac7
rgb(56,138,199)
-
#4793cb
#4793cb
rgb(71,147,203)
-
#579cd0
#579cd0
rgb(87,156,208)
-
#66a5d4
#66a5d4
rgb(102,165,212)
-
#75aed8
#75aed8
rgb(117,174,216)
-
#85b7dd
#85b7dd
rgb(133,183,221)
-
#94c0e1
#94c0e1
rgb(148,192,225)
-
#a3c9e5
#a3c9e5
rgb(163,201,229)
-
#b3d2ea
#b3d2ea
rgb(179,210,234)
-
#c2dbee
#c2dbee
rgb(194,219,238)
-
#d1e4f2
#d1e4f2
rgb(209,228,242)
-
#e0edf6
#e0edf6
rgb(224,237,246)
-
#f0f6fb
#f0f6fb
rgb(240,246,251)
Tones of #66a5d4
A tone is produced by adding gray to any pure hue. In this case, #9b9d9f is the less saturated color, while #40aafa is the most saturated one.
-
#9b9d9f
#9b9d9f
rgb(155,157,159)
-
#939ea7
#939ea7
rgb(147,158,167)
-
#8ca0ae
#8ca0ae
rgb(140,160,174)
-
#84a1b6
#84a1b6
rgb(132,161,182)
-
#7da2bd
#7da2bd
rgb(125,162,189)
-
#75a3c5
#75a3c5
rgb(117,163,197)
-
#6ea4cc
#6ea4cc
rgb(110,164,204)
-
#66a5d4
#66a5d4
rgb(102,165,212)
-
#5ea6dc
#5ea6dc
rgb(94,166,220)
-
#57a7e3
#57a7e3
rgb(87,167,227)
-
#4fa8eb
#4fa8eb
rgb(79,168,235)
-
#48a9f2
#48a9f2
rgb(72,169,242)
-
#40aafa
#40aafa
rgb(64,170,250)
Color Blindness Simulator
Below, you can see how #66a5d4 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.