#668ed6 Color Information
In a RGB color space, hex #668ed6 is composed of 40% red, 55.7% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 33.6% magenta, 0% yellow and 16.1% black. It has a hue angle of 218.6 degrees, a saturation of 57.7% and a lightness of 62%. #668ed6 color hex could be obtained by blending #ccffff with #001dad. Closest websafe color is: #6699cc.
-
- R 40
- G 56
- B 84
-
- C 52
- M 34
- Y 0
- K 16
● #668ed6 color description : Moderate blue.
#668ed6 Color Conversion
The hexadecimal color #668ed6 has RGB values of R:102, G:142, B:214 and CMYK values of C:0.52, M:0.34, Y:0, K:0.16. Its decimal value is 6721238.
Hex triplet | 668ed6 | #668ed6 |
---|---|---|
RGB Decimal | 102, 142, 214 | rgb(102,142,214) |
RGB Percent | 40, 55.7, 83.9 | rgb(40%,55.7%,83.9%) |
CMYK | 52, 34, 0, 16 | |
HSL | 218.6°, 57.7, 62 | hsl(218.6,57.7%,62%) |
HSV (or HSB) | 218.6°, 52.3, 83.9 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.997, 6.583, -41.139 |
---|---|
XYZ | 27.287, 27.024, 67.393 |
xyY | 0.224, 0.222, 27.024 |
CIE-LCH | 58.997, 41.662, 279.092 |
CIE-LUV | 58.997, -19.868, -65.354 |
Hunter-Lab | 51.985, 2.722, -40.473 |
Binary | 01100110, 10001110, 11010110 |
Color Schemes with #668ed6
Alternatives to #668ed6
Below, you can see some colors close to #668ed6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#668ed6 Preview
This text has a font color of #668ed6.
<span style="color:#668ed6;">Text here</span>
This paragraph has a background color of #668ed6.
<p style="background-color:#668ed6;">Content here</p>
This element has a border color of #668ed6.
<div style="border:1px solid #668ed6;">Content here</div>
.text {color:#668ed6;}
.background {background-color:#668ed6;}
.border {border:1px solid #668ed6;}
Shades and Tints of #668ed6
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)
-
#112240
#112240
rgb(17,34,64)
-
#152a4f
#152a4f
rgb(21,42,79)
-
#19325f
#19325f
rgb(25,50,95)
-
#1d3a6e
#1d3a6e
rgb(29,58,110)
-
#22427d
#22427d
rgb(34,66,125)
-
#264b8d
#264b8d
rgb(38,75,141)
-
#2a539c
#2a539c
rgb(42,83,156)
-
#2e5bac
#2e5bac
rgb(46,91,172)
-
#3263bb
#3263bb
rgb(50,99,187)
-
#386cca
#386cca
rgb(56,108,202)
-
#4777ce
#4777ce
rgb(71,119,206)
-
#5783d2
#5783d2
rgb(87,131,210)
-
#668ed6
#668ed6
rgb(102,142,214)
-
#7599da
#7599da
rgb(117,153,218)
-
#85a5de
#85a5de
rgb(133,165,222)
-
#94b0e2
#94b0e2
rgb(148,176,226)
-
#a4bce7
#a4bce7
rgb(164,188,231)
-
#b3c7eb
#b3c7eb
rgb(179,199,235)
-
#c3d3ef
#c3d3ef
rgb(195,211,239)
-
#d2def3
#d2def3
rgb(210,222,243)
-
#e2e9f7
#e2e9f7
rgb(226,233,247)
-
#f1f5fb
#f1f5fb
rgb(241,245,251)
Tones of #668ed6
A tone is produced by adding gray to any pure hue. In this case, #9a9da2 is the less saturated color, while #4183fb is the most saturated one.
-
#9a9da2
#9a9da2
rgb(154,157,162)
-
#939ba9
#939ba9
rgb(147,155,169)
-
#8b99b1
#8b99b1
rgb(139,153,177)
-
#8497b8
#8497b8
rgb(132,151,184)
-
#7c94c0
#7c94c0
rgb(124,148,192)
-
#7592c7
#7592c7
rgb(117,146,199)
-
#6d90cf
#6d90cf
rgb(109,144,207)
-
#668ed6
#668ed6
rgb(102,142,214)
-
#5f8cdd
#5f8cdd
rgb(95,140,221)
-
#578ae5
#578ae5
rgb(87,138,229)
-
#5088ec
#5088ec
rgb(80,136,236)
-
#4885f4
#4885f4
rgb(72,133,244)
-
#4183fb
#4183fb
rgb(65,131,251)
Color Blindness Simulator
Below, you can see how #668ed6 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.