#669ee4 Color Information
In a RGB color space, hex #669ee4 is composed of 40% red, 62% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 30.7% magenta, 0% yellow and 10.6% black. It has a hue angle of 213.3 degrees, a saturation of 70% and a lightness of 64.7%. #669ee4 color hex could be obtained by blending #ccffff with #003dc9. Closest websafe color is: #6699cc.
-
- R 40
- G 62
- B 89
-
- C 55
- M 31
- Y 0
- K 11
● #669ee4 color description : Soft blue.
#669ee4 Color Conversion
The hexadecimal color #669ee4 has RGB values of R:102, G:158, B:228 and CMYK values of C:0.55, M:0.31, Y:0, K:0.11. Its decimal value is 6725348.
Hex triplet | 669ee4 | #669ee4 |
---|---|---|
RGB Decimal | 102, 158, 228 | rgb(102,158,228) |
RGB Percent | 40, 62, 89.4 | rgb(40%,62%,89.4%) |
CMYK | 55, 31, 0, 11 | |
HSL | 213.3°, 70, 64.7 | hsl(213.3,70%,64.7%) |
HSV (or HSB) | 213.3°, 55.3, 89.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 64.062, 1.674, -40.969 |
---|---|
XYZ | 31.707, 32.878, 78.07 |
xyY | 0.222, 0.23, 32.878 |
CIE-LCH | 64.062, 41.003, 272.34 |
CIE-LUV | 64.062, -25.619, -65.394 |
Hunter-Lab | 57.339, -1.64, -40.588 |
Binary | 01100110, 10011110, 11100100 |
Color Schemes with #669ee4
Alternatives to #669ee4
Below, you can see some colors close to #669ee4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#669ee4 Preview
This text has a font color of #669ee4.
<span style="color:#669ee4;">Text here</span>
This paragraph has a background color of #669ee4.
<p style="background-color:#669ee4;">Content here</p>
This element has a border color of #669ee4.
<div style="border:1px solid #669ee4;">Content here</div>
.text {color:#669ee4;}
.background {background-color:#669ee4;}
.border {border:1px solid #669ee4;}
Shades and Tints of #669ee4
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, #02070e is the darkest color, while #fcfdfe is the lightest one.
-
#02070e
#02070e
rgb(2,7,14)
-
#05101e
#05101e
rgb(5,16,30)
-
#081a2f
#081a2f
rgb(8,26,47)
-
#0b2340
#0b2340
rgb(11,35,64)
-
#0e2c50
#0e2c50
rgb(14,44,80)
-
#113561
#113561
rgb(17,53,97)
-
#143e72
#143e72
rgb(20,62,114)
-
#174782
#174782
rgb(23,71,130)
-
#1a5093
#1a5093
rgb(26,80,147)
-
#1d59a4
#1d59a4
rgb(29,89,164)
-
#2062b4
#2062b4
rgb(32,98,180)
-
#236bc5
#236bc5
rgb(35,107,197)
-
#2674d6
#2674d6
rgb(38,116,214)
-
#347edb
#347edb
rgb(52,126,219)
-
#4589de
#4589de
rgb(69,137,222)
-
#5593e1
#5593e1
rgb(85,147,225)
-
#669ee4
#669ee4
rgb(102,158,228)
-
#77a9e7
#77a9e7
rgb(119,169,231)
-
#87b3ea
#87b3ea
rgb(135,179,234)
-
#98beed
#98beed
rgb(152,190,237)
-
#a9c8f0
#a9c8f0
rgb(169,200,240)
-
#b9d3f3
#b9d3f3
rgb(185,211,243)
-
#caddf6
#caddf6
rgb(202,221,246)
-
#dbe8f9
#dbe8f9
rgb(219,232,249)
-
#ebf3fc
#ebf3fc
rgb(235,243,252)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #669ee4
A tone is produced by adding gray to any pure hue. In this case, #a4a5a6 is the less saturated color, while #519cf9 is the most saturated one.
-
#a4a5a6
#a4a5a6
rgb(164,165,166)
-
#9da4ad
#9da4ad
rgb(157,164,173)
-
#96a3b4
#96a3b4
rgb(150,163,180)
-
#90a3ba
#90a3ba
rgb(144,163,186)
-
#89a2c1
#89a2c1
rgb(137,162,193)
-
#82a1c8
#82a1c8
rgb(130,161,200)
-
#7ba0cf
#7ba0cf
rgb(123,160,207)
-
#74a0d6
#74a0d6
rgb(116,160,214)
-
#6d9fdd
#6d9fdd
rgb(109,159,221)
-
#669ee4
#669ee4
rgb(102,158,228)
-
#5f9deb
#5f9deb
rgb(95,157,235)
-
#589cf2
#589cf2
rgb(88,156,242)
-
#519cf9
#519cf9
rgb(81,156,249)
Color Blindness Simulator
Below, you can see how #669ee4 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.