#669eea Color Information
In a RGB color space, hex #669eea is composed of 40% red, 62% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 32.5% magenta, 0% yellow and 8.2% black. It has a hue angle of 214.5 degrees, a saturation of 75.9% and a lightness of 65.9%. #669eea color hex could be obtained by blending #ccffff with #003dd5. Closest websafe color is: #6699ff.
-
- R 40
- G 62
- B 92
-
- C 56
- M 32
- Y 0
- K 8
● #669eea color description : Soft blue.
#669eea Color Conversion
The hexadecimal color #669eea has RGB values of R:102, G:158, B:234 and CMYK values of C:0.56, M:0.32, Y:0, K:0.08. Its decimal value is 6725354.
Hex triplet | 669eea | #669eea |
---|---|---|
RGB Decimal | 102, 158, 234 | rgb(102,158,234) |
RGB Percent | 40, 62, 91.8 | rgb(40%,62%,91.8%) |
CMYK | 56, 32, 0, 8 | |
HSL | 214.5°, 75.9, 65.9 | hsl(214.5,75.9%,65.9%) |
HSV (or HSB) | 214.5°, 56.4, 91.8 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 64.336, 3.555, -43.845 |
---|---|
XYZ | 32.554, 33.217, 82.533 |
xyY | 0.22, 0.224, 33.217 |
CIE-LCH | 64.336, 43.989, 274.635 |
CIE-LUV | 64.336, -25.555, -70.489 |
Hunter-Lab | 57.634, -0.036, -44.56 |
Binary | 01100110, 10011110, 11101010 |
Color Schemes with #669eea
Alternatives to #669eea
Below, you can see some colors close to #669eea. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#669eea Preview
This text has a font color of #669eea.
<span style="color:#669eea;">Text here</span>
This paragraph has a background color of #669eea.
<p style="background-color:#669eea;">Content here</p>
This element has a border color of #669eea.
<div style="border:1px solid #669eea;">Content here</div>
.text {color:#669eea;}
.background {background-color:#669eea;}
.border {border:1px solid #669eea;}
Shades and Tints of #669eea
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 #f0f5fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030a13
#030a13
rgb(3,10,19)
-
#051225
#051225
rgb(5,18,37)
-
#071b36
#071b36
rgb(7,27,54)
-
#0a2447
#0a2447
rgb(10,36,71)
-
#0c2d58
#0c2d58
rgb(12,45,88)
-
#0f356a
#0f356a
rgb(15,53,106)
-
#113e7b
#113e7b
rgb(17,62,123)
-
#13478c
#13478c
rgb(19,71,140)
-
#164f9d
#164f9d
rgb(22,79,157)
-
#1858af
#1858af
rgb(24,88,175)
-
#1a61c0
#1a61c0
rgb(26,97,192)
-
#1d69d1
#1d69d1
rgb(29,105,209)
-
#2172e1
#2172e1
rgb(33,114,225)
-
#327de3
#327de3
rgb(50,125,227)
-
#4488e5
#4488e5
rgb(68,136,229)
-
#5593e8
#5593e8
rgb(85,147,232)
-
#669eea
#669eea
rgb(102,158,234)
-
#77a9ec
#77a9ec
rgb(119,169,236)
-
#88b4ef
#88b4ef
rgb(136,180,239)
-
#9abff1
#9abff1
rgb(154,191,241)
-
#abcaf3
#abcaf3
rgb(171,202,243)
-
#bcd5f6
#bcd5f6
rgb(188,213,246)
-
#cde0f8
#cde0f8
rgb(205,224,248)
-
#dfebfb
#dfebfb
rgb(223,235,251)
-
#f0f5fd
#f0f5fd
rgb(240,245,253)
Tones of #669eea
A tone is produced by adding gray to any pure hue. In this case, #a2a7ae is the less saturated color, while #529bfe is the most saturated one.
-
#a2a7ae
#a2a7ae
rgb(162,167,174)
-
#9ca6b4
#9ca6b4
rgb(156,166,180)
-
#95a5bb
#95a5bb
rgb(149,165,187)
-
#8ea4c2
#8ea4c2
rgb(142,164,194)
-
#87a3c9
#87a3c9
rgb(135,163,201)
-
#81a2cf
#81a2cf
rgb(129,162,207)
-
#7aa1d6
#7aa1d6
rgb(122,161,214)
-
#73a0dd
#73a0dd
rgb(115,160,221)
-
#6d9fe3
#6d9fe3
rgb(109,159,227)
-
#669eea
#669eea
rgb(102,158,234)
-
#5f9df1
#5f9df1
rgb(95,157,241)
-
#599cf7
#599cf7
rgb(89,156,247)
-
#529bfe
#529bfe
rgb(82,155,254)
Color Blindness Simulator
Below, you can see how #669eea 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.