#669ffd Color Information
In a RGB color space, hex #669ffd is composed of 40% red, 62.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 37.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 217.4 degrees, a saturation of 97.4% and a lightness of 69.6%. #669ffd color hex could be obtained by blending #ccffff with #003ffb. Closest websafe color is: #6699ff.
-
- R 40
- G 62
- B 99
-
- C 60
- M 37
- Y 0
- K 1
● #669ffd color description : Soft blue.
#669ffd Color Conversion
The hexadecimal color #669ffd has RGB values of R:102, G:159, B:253 and CMYK values of C:0.6, M:0.37, Y:0, K:0.01. Its decimal value is 6725629.
Hex triplet | 669ffd | #669ffd |
---|---|---|
RGB Decimal | 102, 159, 253 | rgb(102,159,253) |
RGB Percent | 40, 62.4, 99.2 | rgb(40%,62.4%,99.2%) |
CMYK | 60, 37, 0, 1 | |
HSL | 217.4°, 97.4, 69.6 | hsl(217.4,97.4%,69.6%) |
HSV (or HSB) | 217.4°, 59.7, 99.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.523, 9.038, -52.378 |
---|---|
XYZ | 35.603, 34.711, 97.747 |
xyY | 0.212, 0.207, 34.711 |
CIE-LCH | 65.523, 53.152, 279.79 |
CIE-LUV | 65.523, -25.722, -85.688 |
Hunter-Lab | 58.916, 4.766, -57.126 |
Binary | 01100110, 10011111, 11111101 |
Color Schemes with #669ffd
Alternatives to #669ffd
Below, you can see some colors close to #669ffd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#669ffd Preview
This text has a font color of #669ffd.
<span style="color:#669ffd;">Text here</span>
This paragraph has a background color of #669ffd.
<p style="background-color:#669ffd;">Content here</p>
This element has a border color of #669ffd.
<div style="border:1px solid #669ffd;">Content here</div>
.text {color:#669ffd;}
.background {background-color:#669ffd;}
.border {border:1px solid #669ffd;}
Shades and Tints of #669ffd
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 #eef4ff is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#000815
#000815
rgb(0,8,21)
-
#011029
#011029
rgb(1,16,41)
-
#01173c
#01173c
rgb(1,23,60)
-
#011f4f
#011f4f
rgb(1,31,79)
-
#012663
#012663
rgb(1,38,99)
-
#022e76
#022e76
rgb(2,46,118)
-
#023589
#023589
rgb(2,53,137)
-
#023c9d
#023c9d
rgb(2,60,157)
-
#0244b0
#0244b0
rgb(2,68,176)
-
#034bc4
#034bc4
rgb(3,75,196)
-
#0353d7
#0353d7
rgb(3,83,215)
-
#035aea
#035aea
rgb(3,90,234)
-
#0562fc
#0562fc
rgb(5,98,252)
-
#196efc
#196efc
rgb(25,110,252)
-
#2c7bfc
#2c7bfc
rgb(44,123,252)
-
#3f87fc
#3f87fc
rgb(63,135,252)
-
#5393fd
#5393fd
rgb(83,147,253)
-
#669ffd
#669ffd
rgb(102,159,253)
-
#79abfd
#79abfd
rgb(121,171,253)
-
#8db7fe
#8db7fe
rgb(141,183,254)
-
#a0c3fe
#a0c3fe
rgb(160,195,254)
-
#b3d0fe
#b3d0fe
rgb(179,208,254)
-
#c7dcfe
#c7dcfe
rgb(199,220,254)
-
#dae8ff
#dae8ff
rgb(218,232,255)
-
#eef4ff
#eef4ff
rgb(238,244,255)
Tones of #669ffd
A tone is produced by adding gray to any pure hue. In this case, #aeb1b5 is the less saturated color, while #669ffd is the most saturated one.
-
#aeb1b5
#aeb1b5
rgb(174,177,181)
-
#a8afbb
#a8afbb
rgb(168,175,187)
-
#a2aec1
#a2aec1
rgb(162,174,193)
-
#9cacc7
#9cacc7
rgb(156,172,199)
-
#96abcd
#96abcd
rgb(150,171,205)
-
#90a9d3
#90a9d3
rgb(144,169,211)
-
#8aa8d9
#8aa8d9
rgb(138,168,217)
-
#84a6df
#84a6df
rgb(132,166,223)
-
#7ea5e5
#7ea5e5
rgb(126,165,229)
-
#78a3eb
#78a3eb
rgb(120,163,235)
-
#72a2f1
#72a2f1
rgb(114,162,241)
-
#6ca0f7
#6ca0f7
rgb(108,160,247)
-
#669ffd
#669ffd
rgb(102,159,253)
Color Blindness Simulator
Below, you can see how #669ffd 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.