#668bd6 Color Information
In a RGB color space, hex #668bd6 is composed of 40% red, 54.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 35% magenta, 0% yellow and 16.1% black. It has a hue angle of 220.2 degrees, a saturation of 57.7% and a lightness of 62%. #668bd6 color hex could be obtained by blending #ccffff with #0017ad. Closest websafe color is: #6699cc.
-
- R 40
- G 55
- B 84
-
- C 52
- M 35
- Y 0
- K 16
● #668bd6 color description : Moderate blue.
#668bd6 Color Conversion
The hexadecimal color #668bd6 has RGB values of R:102, G:139, B:214 and CMYK values of C:0.52, M:0.35, Y:0, K:0.16. Its decimal value is 6720470.
Hex triplet | 668bd6 | #668bd6 |
---|---|---|
RGB Decimal | 102, 139, 214 | rgb(102,139,214) |
RGB Percent | 40, 54.5, 83.9 | rgb(40%,54.5%,83.9%) |
CMYK | 52, 35, 0, 16 | |
HSL | 220.2°, 57.7, 62 | hsl(220.2,57.7%,62%) |
HSV (or HSB) | 220.2°, 52.3, 83.9 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.173, 8.35, -42.435 |
---|---|
XYZ | 26.847, 26.144, 67.246 |
xyY | 0.223, 0.217, 26.144 |
CIE-LCH | 58.173, 43.249, 281.132 |
CIE-LUV | 58.173, -18.785, -67.521 |
Hunter-Lab | 51.131, 4.245, -42.185 |
Binary | 01100110, 10001011, 11010110 |
Color Schemes with #668bd6
Alternatives to #668bd6
Below, you can see some colors close to #668bd6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#668bd6 Preview
This text has a font color of #668bd6.
<span style="color:#668bd6;">Text here</span>
This paragraph has a background color of #668bd6.
<p style="background-color:#668bd6;">Content here</p>
This element has a border color of #668bd6.
<div style="border:1px solid #668bd6;">Content here</div>
.text {color:#668bd6;}
.background {background-color:#668bd6;}
.border {border:1px solid #668bd6;}
Shades and Tints of #668bd6
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, #000102 is the darkest color, while #f1f5fb is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#050911
#050911
rgb(5,9,17)
-
#091121
#091121
rgb(9,17,33)
-
#0d1930
#0d1930
rgb(13,25,48)
-
#112040
#112040
rgb(17,32,64)
-
#15284f
#15284f
rgb(21,40,79)
-
#19305f
#19305f
rgb(25,48,95)
-
#1d386e
#1d386e
rgb(29,56,110)
-
#22407d
#22407d
rgb(34,64,125)
-
#26488d
#26488d
rgb(38,72,141)
-
#2a509c
#2a509c
rgb(42,80,156)
-
#2e58ac
#2e58ac
rgb(46,88,172)
-
#3260bb
#3260bb
rgb(50,96,187)
-
#3868ca
#3868ca
rgb(56,104,202)
-
#4774ce
#4774ce
rgb(71,116,206)
-
#577fd2
#577fd2
rgb(87,127,210)
-
#668bd6
#668bd6
rgb(102,139,214)
-
#7597da
#7597da
rgb(117,151,218)
-
#85a2de
#85a2de
rgb(133,162,222)
-
#94aee2
#94aee2
rgb(148,174,226)
-
#a4bae7
#a4bae7
rgb(164,186,231)
-
#b3c6eb
#b3c6eb
rgb(179,198,235)
-
#c3d1ef
#c3d1ef
rgb(195,209,239)
-
#d2ddf3
#d2ddf3
rgb(210,221,243)
-
#e2e9f7
#e2e9f7
rgb(226,233,247)
-
#f1f5fb
#f1f5fb
rgb(241,245,251)
Tones of #668bd6
A tone is produced by adding gray to any pure hue. In this case, #9a9da2 is the less saturated color, while #417efb is the most saturated one.
-
#9a9da2
#9a9da2
rgb(154,157,162)
-
#939aa9
#939aa9
rgb(147,154,169)
-
#8b98b1
#8b98b1
rgb(139,152,177)
-
#8495b8
#8495b8
rgb(132,149,184)
-
#7c93c0
#7c93c0
rgb(124,147,192)
-
#7590c7
#7590c7
rgb(117,144,199)
-
#6d8ecf
#6d8ecf
rgb(109,142,207)
-
#668bd6
#668bd6
rgb(102,139,214)
-
#5f88dd
#5f88dd
rgb(95,136,221)
-
#5786e5
#5786e5
rgb(87,134,229)
-
#5083ec
#5083ec
rgb(80,131,236)
-
#4881f4
#4881f4
rgb(72,129,244)
-
#417efb
#417efb
rgb(65,126,251)
Color Blindness Simulator
Below, you can see how #668bd6 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.