#669fed Color Information
In a RGB color space, hex #669fed is composed of 40% red, 62.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 32.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 214.7 degrees, a saturation of 78.9% and a lightness of 66.5%. #669fed color hex could be obtained by blending #ccffff with #003fdb. Closest websafe color is: #6699ff.
-
- R 40
- G 62
- B 93
-
- C 57
- M 33
- Y 0
- K 7
● #669fed color description : Soft blue.
#669fed Color Conversion
The hexadecimal color #669fed has RGB values of R:102, G:159, B:237 and CMYK values of C:0.57, M:0.33, Y:0, K:0.07. Its decimal value is 6725613.
Hex triplet | 669fed | #669fed |
---|---|---|
RGB Decimal | 102, 159, 237 | rgb(102,159,237) |
RGB Percent | 40, 62.4, 92.9 | rgb(40%,62.4%,92.9%) |
CMYK | 57, 33, 0, 7 | |
HSL | 214.7°, 78.9, 66.5 | hsl(214.7,78.9%,66.5%) |
HSV (or HSB) | 214.7°, 57, 92.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 64.751, 3.927, -44.843 |
---|---|
XYZ | 33.16, 33.734, 84.88 |
xyY | 0.218, 0.222, 33.734 |
CIE-LCH | 64.751, 45.015, 275.005 |
CIE-LUV | 64.751, -25.879, -72.283 |
Hunter-Lab | 58.081, 0.271, -45.991 |
Binary | 01100110, 10011111, 11101101 |
Color Schemes with #669fed
Alternatives to #669fed
Below, you can see some colors close to #669fed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#669fed Preview
This text has a font color of #669fed.
<span style="color:#669fed;">Text here</span>
This paragraph has a background color of #669fed.
<p style="background-color:#669fed;">Content here</p>
This element has a border color of #669fed.
<div style="border:1px solid #669fed;">Content here</div>
.text {color:#669fed;}
.background {background-color:#669fed;}
.border {border:1px solid #669fed;}
Shades and Tints of #669fed
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, #010205 is the darkest color, while #f2f7fe is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#030b17
#030b17
rgb(3,11,23)
-
#051428
#051428
rgb(5,20,40)
-
#071c3a
#071c3a
rgb(7,28,58)
-
#09254b
#09254b
rgb(9,37,75)
-
#0b2d5d
#0b2d5d
rgb(11,45,93)
-
#0d366e
#0d366e
rgb(13,54,110)
-
#0f3f80
#0f3f80
rgb(15,63,128)
-
#114791
#114791
rgb(17,71,145)
-
#1350a3
#1350a3
rgb(19,80,163)
-
#1558b4
#1558b4
rgb(21,88,180)
-
#1761c6
#1761c6
rgb(23,97,198)
-
#196ad8
#196ad8
rgb(25,106,216)
-
#2073e5
#2073e5
rgb(32,115,229)
-
#317ee7
#317ee7
rgb(49,126,231)
-
#4389e9
#4389e9
rgb(67,137,233)
-
#5494eb
#5494eb
rgb(84,148,235)
-
#669fed
#669fed
rgb(102,159,237)
-
#78aaef
#78aaef
rgb(120,170,239)
-
#89b5f1
#89b5f1
rgb(137,181,241)
-
#9bc0f3
#9bc0f3
rgb(155,192,243)
-
#accbf5
#accbf5
rgb(172,203,245)
-
#bed6f7
#bed6f7
rgb(190,214,247)
-
#cfe1f9
#cfe1f9
rgb(207,225,249)
-
#e1ecfb
#e1ecfb
rgb(225,236,251)
-
#f2f7fe
#f2f7fe
rgb(242,247,254)
Tones of #669fed
A tone is produced by adding gray to any pure hue. In this case, #a8a9ab is the less saturated color, while #599dfa is the most saturated one.
-
#a8a9ab
#a8a9ab
rgb(168,169,171)
-
#a1a8b2
#a1a8b2
rgb(161,168,178)
-
#9ba7b8
#9ba7b8
rgb(155,167,184)
-
#94a6bf
#94a6bf
rgb(148,166,191)
-
#8da5c6
#8da5c6
rgb(141,165,198)
-
#87a4cc
#87a4cc
rgb(135,164,204)
-
#80a3d3
#80a3d3
rgb(128,163,211)
-
#7aa2d9
#7aa2d9
rgb(122,162,217)
-
#73a1e0
#73a1e0
rgb(115,161,224)
-
#6da0e6
#6da0e6
rgb(109,160,230)
-
#669fed
#669fed
rgb(102,159,237)
-
#5f9ef4
#5f9ef4
rgb(95,158,244)
-
#599dfa
#599dfa
rgb(89,157,250)
Color Blindness Simulator
Below, you can see how #669fed 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.