#669eec Color Information
In a RGB color space, hex #669eec is composed of 40% red, 62% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 33.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 214.9 degrees, a saturation of 77.9% and a lightness of 66.3%. #669eec color hex could be obtained by blending #ccffff with #003dd9. Closest websafe color is: #6699ff.
-
- R 40
- G 62
- B 93
-
- C 57
- M 33
- Y 0
- K 7
● #669eec color description : Soft blue.
#669eec Color Conversion
The hexadecimal color #669eec has RGB values of R:102, G:158, B:236 and CMYK values of C:0.57, M:0.33, Y:0, K:0.07. Its decimal value is 6725356.
Hex triplet | 669eec | #669eec |
---|---|---|
RGB Decimal | 102, 158, 236 | rgb(102,158,236) |
RGB Percent | 40, 62, 92.5 | rgb(40%,62%,92.5%) |
CMYK | 57, 33, 0, 7 | |
HSL | 214.9°, 77.9, 66.3 | hsl(214.9,77.9%,66.3%) |
HSV (or HSB) | 214.9°, 56.8, 92.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 64.429, 4.186, -44.799 |
---|---|
XYZ | 32.843, 33.333, 84.055 |
xyY | 0.219, 0.222, 33.333 |
CIE-LCH | 64.429, 44.994, 275.338 |
CIE-LUV | 64.429, -25.534, -72.181 |
Hunter-Lab | 57.735, 0.507, -45.906 |
Binary | 01100110, 10011110, 11101100 |
Color Schemes with #669eec
Alternatives to #669eec
Below, you can see some colors close to #669eec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#669eec Preview
This text has a font color of #669eec.
<span style="color:#669eec;">Text here</span>
This paragraph has a background color of #669eec.
<p style="background-color:#669eec;">Content here</p>
This element has a border color of #669eec.
<div style="border:1px solid #669eec;">Content here</div>
.text {color:#669eec;}
.background {background-color:#669eec;}
.border {border:1px solid #669eec;}
Shades and Tints of #669eec
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, #010204 is the darkest color, while #f2f6fd is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#030b15
#030b15
rgb(3,11,21)
-
#051327
#051327
rgb(5,19,39)
-
#071c38
#071c38
rgb(7,28,56)
-
#09244a
#09244a
rgb(9,36,74)
-
#0b2d5b
#0b2d5b
rgb(11,45,91)
-
#0e356d
#0e356d
rgb(14,53,109)
-
#103e7e
#103e7e
rgb(16,62,126)
-
#124690
#124690
rgb(18,70,144)
-
#144fa1
#144fa1
rgb(20,79,161)
-
#1658b3
#1658b3
rgb(22,88,179)
-
#1860c4
#1860c4
rgb(24,96,196)
-
#1b69d5
#1b69d5
rgb(27,105,213)
-
#2072e3
#2072e3
rgb(32,114,227)
-
#327de5
#327de5
rgb(50,125,229)
-
#4388e8
#4388e8
rgb(67,136,232)
-
#5593ea
#5593ea
rgb(85,147,234)
-
#669eec
#669eec
rgb(102,158,236)
-
#77a9ee
#77a9ee
rgb(119,169,238)
-
#89b4f0
#89b4f0
rgb(137,180,240)
-
#9abff3
#9abff3
rgb(154,191,243)
-
#accaf5
#accaf5
rgb(172,202,245)
-
#bdd5f7
#bdd5f7
rgb(189,213,247)
-
#cfe0f9
#cfe0f9
rgb(207,224,249)
-
#e0ebfb
#e0ebfb
rgb(224,235,251)
-
#f2f6fd
#f2f6fd
rgb(242,246,253)
Tones of #669eec
A tone is produced by adding gray to any pure hue. In this case, #a8a9aa is the less saturated color, while #599cf9 is the most saturated one.
-
#a8a9aa
#a8a9aa
rgb(168,169,170)
-
#a2a8b0
#a2a8b0
rgb(162,168,176)
-
#9ba7b7
#9ba7b7
rgb(155,167,183)
-
#94a6be
#94a6be
rgb(148,166,190)
-
#8ea5c4
#8ea5c4
rgb(142,165,196)
-
#87a3cb
#87a3cb
rgb(135,163,203)
-
#80a2d2
#80a2d2
rgb(128,162,210)
-
#7aa1d8
#7aa1d8
rgb(122,161,216)
-
#73a0df
#73a0df
rgb(115,160,223)
-
#6d9fe5
#6d9fe5
rgb(109,159,229)
-
#669eec
#669eec
rgb(102,158,236)
-
#5f9df3
#5f9df3
rgb(95,157,243)
-
#599cf9
#599cf9
rgb(89,156,249)
Color Blindness Simulator
Below, you can see how #669eec 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.