#66b4dd Color Information
In a RGB color space, hex #66b4dd is composed of 40% red, 70.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 18.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 200.7 degrees, a saturation of 63.6% and a lightness of 63.3%. #66b4dd color hex could be obtained by blending #ccffff with #0069bb. Closest websafe color is: #66cccc.
-
- R 40
- G 71
- B 87
-
- C 54
- M 19
- Y 0
- K 13
● #66b4dd color description : Soft blue.
#66b4dd Color Conversion
The hexadecimal color #66b4dd has RGB values of R:102, G:180, B:221 and CMYK values of C:0.54, M:0.19, Y:0, K:0.13. Its decimal value is 6730973.
Hex triplet | 66b4dd | #66b4dd |
---|---|---|
RGB Decimal | 102, 180, 221 | rgb(102,180,221) |
RGB Percent | 40, 70.6, 86.7 | rgb(40%,70.6%,86.7%) |
CMYK | 54, 19, 0, 13 | |
HSL | 200.7°, 63.6, 63.3 | hsl(200.7,63.6%,63.3%) |
HSV (or HSB) | 200.7°, 53.8, 86.7 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 69.955, -12.631, -27.974 |
---|---|
XYZ | 34.849, 40.686, 74.419 |
xyY | 0.232, 0.271, 40.686 |
CIE-LCH | 69.955, 30.694, 245.7 |
CIE-LUV | 69.955, -33.939, -42.443 |
Hunter-Lab | 63.785, -14.102, -24.525 |
Binary | 01100110, 10110100, 11011101 |
Color Schemes with #66b4dd
Alternatives to #66b4dd
Below, you can see some colors close to #66b4dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#66b4dd Preview
This text has a font color of #66b4dd.
<span style="color:#66b4dd;">Text here</span>
This paragraph has a background color of #66b4dd.
<p style="background-color:#66b4dd;">Content here</p>
This element has a border color of #66b4dd.
<div style="border:1px solid #66b4dd;">Content here</div>
.text {color:#66b4dd;}
.background {background-color:#66b4dd;}
.border {border:1px solid #66b4dd;}
Shades and Tints of #66b4dd
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, #020507 is the darkest color, while #f6fbfd is the lightest one.
-
#020507
#020507
rgb(2,5,7)
-
#051118
#051118
rgb(5,17,24)
-
#091d28
#091d28
rgb(9,29,40)
-
#0c2938
#0c2938
rgb(12,41,56)
-
#103448
#103448
rgb(16,52,72)
-
#134058
#134058
rgb(19,64,88)
-
#174c68
#174c68
rgb(23,76,104)
-
#1b5878
#1b5878
rgb(27,88,120)
-
#1e6388
#1e6388
rgb(30,99,136)
-
#226f98
#226f98
rgb(34,111,152)
-
#257ba8
#257ba8
rgb(37,123,168)
-
#2987b8
#2987b8
rgb(41,135,184)
-
#2c92c8
#2c92c8
rgb(44,146,200)
-
#369cd2
#369cd2
rgb(54,156,210)
-
#46a4d6
#46a4d6
rgb(70,164,214)
-
#56acd9
#56acd9
rgb(86,172,217)
-
#66b4dd
#66b4dd
rgb(102,180,221)
-
#76bce1
#76bce1
rgb(118,188,225)
-
#86c4e4
#86c4e4
rgb(134,196,228)
-
#96cce8
#96cce8
rgb(150,204,232)
-
#a6d3eb
#a6d3eb
rgb(166,211,235)
-
#b6dbef
#b6dbef
rgb(182,219,239)
-
#c6e3f2
#c6e3f2
rgb(198,227,242)
-
#d6ebf6
#d6ebf6
rgb(214,235,246)
-
#e6f3fa
#e6f3fa
rgb(230,243,250)
-
#f6fbfd
#f6fbfd
rgb(246,251,253)
Tones of #66b4dd
A tone is produced by adding gray to any pure hue. In this case, #a0a2a3 is the less saturated color, while #49bdfa is the most saturated one.
-
#a0a2a3
#a0a2a3
rgb(160,162,163)
-
#98a4ab
#98a4ab
rgb(152,164,171)
-
#91a7b2
#91a7b2
rgb(145,167,178)
-
#8aa9b9
#8aa9b9
rgb(138,169,185)
-
#83abc0
#83abc0
rgb(131,171,192)
-
#7cadc7
#7cadc7
rgb(124,173,199)
-
#74b0cf
#74b0cf
rgb(116,176,207)
-
#6db2d6
#6db2d6
rgb(109,178,214)
-
#66b4dd
#66b4dd
rgb(102,180,221)
-
#5fb6e4
#5fb6e4
rgb(95,182,228)
-
#58b8eb
#58b8eb
rgb(88,184,235)
-
#50bbf3
#50bbf3
rgb(80,187,243)
-
#49bdfa
#49bdfa
rgb(73,189,250)
Color Blindness Simulator
Below, you can see how #66b4dd 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.