#668cff Color Information
In a RGB color space, hex #668cff is composed of 40% red, 54.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 45.1% magenta, 0% yellow and 0% black. It has a hue angle of 225.1 degrees, a saturation of 100% and a lightness of 70%. #668cff color hex could be obtained by blending #ccffff with #0019ff. Closest websafe color is: #6699ff.
-
- R 40
- G 55
- B 100
-
- C 60
- M 45
- Y 0
- K 0
● #668cff color description : Light blue.
#668cff Color Conversion
The hexadecimal color #668cff has RGB values of R:102, G:140, B:255 and CMYK values of C:0.6, M:0.45, Y:0, K:0. Its decimal value is 6720767.
Hex triplet | 668cff | #668cff |
---|---|---|
RGB Decimal | 102, 140, 255 | rgb(102,140,255) |
RGB Percent | 40, 54.9, 100 | rgb(40%,54.9%,100%) |
CMYK | 60, 45, 0, 0 | |
HSL | 225.1°, 100, 70 | hsl(225.1,100%,70%) |
HSV (or HSB) | 225.1°, 60, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.604, 20.89, -61.306 |
---|---|
XYZ | 32.904, 28.799, 98.427 |
xyY | 0.205, 0.18, 28.799 |
CIE-LCH | 60.604, 64.767, 288.817 |
CIE-LUV | 60.604, -19.461, -100.349 |
Hunter-Lab | 53.665, 15.531, -71.179 |
Binary | 01100110, 10001100, 11111111 |
Color Schemes with #668cff
Alternatives to #668cff
Below, you can see some colors close to #668cff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#668cff Preview
This text has a font color of #668cff.
<span style="color:#668cff;">Text here</span>
This paragraph has a background color of #668cff.
<p style="background-color:#668cff;">Content here</p>
This element has a border color of #668cff.
<div style="border:1px solid #668cff;">Content here</div>
.text {color:#668cff;}
.background {background-color:#668cff;}
.border {border:1px solid #668cff;}
Shades and Tints of #668cff
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, #000104 is the darkest color, while #eff3ff is the lightest one.
-
#000104
#000104
rgb(0,1,4)
-
#000618
#000618
rgb(0,6,24)
-
#000b2b
#000b2b
rgb(0,11,43)
-
#00103f
#00103f
rgb(0,16,63)
-
#001452
#001452
rgb(0,20,82)
-
#001966
#001966
rgb(0,25,102)
-
#001e7a
#001e7a
rgb(0,30,122)
-
#00238d
#00238d
rgb(0,35,141)
-
#0028a1
#0028a1
rgb(0,40,161)
-
#002db4
#002db4
rgb(0,45,180)
-
#0032c8
#0032c8
rgb(0,50,200)
-
#0037dc
#0037dc
rgb(0,55,220)
-
#003bef
#003bef
rgb(0,59,239)
-
#0442ff
#0442ff
rgb(4,66,255)
-
#1851ff
#1851ff
rgb(24,81,255)
-
#2b60ff
#2b60ff
rgb(43,96,255)
-
#3f6fff
#3f6fff
rgb(63,111,255)
-
#527dff
#527dff
rgb(82,125,255)
-
#668cff
#668cff
rgb(102,140,255)
-
#7a9bff
#7a9bff
rgb(122,155,255)
-
#8da9ff
#8da9ff
rgb(141,169,255)
-
#a1b8ff
#a1b8ff
rgb(161,184,255)
-
#b4c7ff
#b4c7ff
rgb(180,199,255)
-
#c8d6ff
#c8d6ff
rgb(200,214,255)
-
#dce4ff
#dce4ff
rgb(220,228,255)
-
#eff3ff
#eff3ff
rgb(239,243,255)
Tones of #668cff
A tone is produced by adding gray to any pure hue. In this case, #adb0b8 is the less saturated color, while #668cff is the most saturated one.
-
#adb0b8
#adb0b8
rgb(173,176,184)
-
#a7adbe
#a7adbe
rgb(167,173,190)
-
#a1aac4
#a1aac4
rgb(161,170,196)
-
#9ba7ca
#9ba7ca
rgb(155,167,202)
-
#95a4d0
#95a4d0
rgb(149,164,208)
-
#8fa1d6
#8fa1d6
rgb(143,161,214)
-
#899edc
#899edc
rgb(137,158,220)
-
#839be2
#839be2
rgb(131,155,226)
-
#7e98e7
#7e98e7
rgb(126,152,231)
-
#7895ed
#7895ed
rgb(120,149,237)
-
#7292f3
#7292f3
rgb(114,146,243)
-
#6c8ff9
#6c8ff9
rgb(108,143,249)
-
#668cff
#668cff
rgb(102,140,255)
Color Blindness Simulator
Below, you can see how #668cff 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.