#668be7 Color Information
In a RGB color space, hex #668be7 is composed of 40% red, 54.5% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 39.8% magenta, 0% yellow and 9.4% black. It has a hue angle of 222.8 degrees, a saturation of 72.9% and a lightness of 65.3%. #668be7 color hex could be obtained by blending #ccffff with #0017cf. Closest websafe color is: #6699ff.
-
- R 40
- G 55
- B 91
-
- C 56
- M 40
- Y 0
- K 9
● #668be7 color description : Soft blue.
#668be7 Color Conversion
The hexadecimal color #668be7 has RGB values of R:102, G:139, B:231 and CMYK values of C:0.56, M:0.4, Y:0, K:0.09. Its decimal value is 6720487.
| Hex triplet | 668be7 | #668be7 |
|---|---|---|
| RGB Decimal | 102, 139, 231 | rgb(102,139,231) |
| RGB Percent | 40, 54.5, 90.6 | rgb(40%,54.5%,90.6%) |
| CMYK | 56, 40, 0, 9 | |
| HSL | 222.8°, 72.9, 65.3 | hsl(222.8,72.9%,65.3%) |
| HSV (or HSB) | 222.8°, 55.8, 90.6 | |
| Web Safe | 6699ff | #6699ff |
| CIE-LAB | 59.028, 13.723, -50.572 |
|---|---|
| XYZ | 29.133, 27.058, 79.284 |
| xyY | 0.215, 0.2, 27.058 |
| CIE-LCH | 59.028, 52.401, 285.182 |
| CIE-LUV | 59.028, -18.916, -81.658 |
| Hunter-Lab | 52.017, 8.94, -53.957 |
| Binary | 01100110, 10001011, 11100111 |
Color Schemes with #668be7
Alternatives to #668be7
Below, you can see some colors close to #668be7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#668be7 Preview
This text has a font color of #668be7.
<span style="color:#668be7;">Text here</span>
This paragraph has a background color of #668be7.
<p style="background-color:#668be7;">Content here</p>
This element has a border color of #668be7.
<div style="border:1px solid #668be7;">Content here</div>
.text {color:#668be7;}
.background {background-color:#668be7;}
.border {border:1px solid #668be7;}
Shades and Tints of #668be7
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, #030711 is the darkest color, while #ffffff is the lightest one.
-
#030711
#030711rgb(3,7,17) -
#050d22
#050d22rgb(5,13,34) -
#081432
#081432rgb(8,20,50) -
#0b1b43
#0b1b43rgb(11,27,67) -
#0d2254
#0d2254rgb(13,34,84) -
#102865
#102865rgb(16,40,101) -
#132f76
#132f76rgb(19,47,118) -
#153687
#153687rgb(21,54,135) -
#183d98
#183d98rgb(24,61,152) -
#1b43a9
#1b43a9rgb(27,67,169) -
#1d4aba
#1d4abargb(29,74,186) -
#2051cb
#2051cbrgb(32,81,203) -
#2358dc
#2358dcrgb(35,88,220)
-
#3364df
#3364dfrgb(51,100,223) -
#4471e2
#4471e2rgb(68,113,226) -
#557ee4
#557ee4rgb(85,126,228) -
#668be7
#668be7rgb(102,139,231) -
#7798ea
#7798eargb(119,152,234) -
#88a5ec
#88a5ecrgb(136,165,236) -
#99b2ef
#99b2efrgb(153,178,239) -
#aabef2
#aabef2rgb(170,190,242) -
#bbcbf4
#bbcbf4rgb(187,203,244) -
#ccd8f7
#ccd8f7rgb(204,216,247) -
#dde5fa
#dde5fargb(221,229,250) -
#eef2fc
#eef2fcrgb(238,242,252) -
#ffffff
#ffffffrgb(255,255,255)
Tones of #668be7
A tone is produced by adding gray to any pure hue. In this case, #a3a5aa is the less saturated color, while #5282fb is the most saturated one.
-
#a3a5aa
#a3a5aargb(163,165,170) -
#9ca2b1
#9ca2b1rgb(156,162,177) -
#969fb7
#969fb7rgb(150,159,183) -
#8f9cbe
#8f9cbergb(143,156,190) -
#889ac5
#889ac5rgb(136,154,197) -
#8197cc
#8197ccrgb(129,151,204) -
#7a94d3
#7a94d3rgb(122,148,211) -
#7491d9
#7491d9rgb(116,145,217) -
#6d8ee0
#6d8ee0rgb(109,142,224) -
#668be7
#668be7rgb(102,139,231) -
#5f88ee
#5f88eergb(95,136,238) -
#5885f5
#5885f5rgb(88,133,245) -
#5282fb
#5282fbrgb(82,130,251)
Color Blindness Simulator
Below, you can see how #668be7 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.
