#669be4 Color Information
In a RGB color space, hex #669be4 is composed of 40% red, 60.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 32% magenta, 0% yellow and 10.6% black. It has a hue angle of 214.8 degrees, a saturation of 70% and a lightness of 64.7%. #669be4 color hex could be obtained by blending #ccffff with #0037c9. Closest websafe color is: #6699cc.
-
- R 40
- G 61
- B 89
-
- C 55
- M 32
- Y 0
- K 11
● #669be4 color description : Soft blue.
#669be4 Color Conversion
The hexadecimal color #669be4 has RGB values of R:102, G:155, B:228 and CMYK values of C:0.55, M:0.32, Y:0, K:0.11. Its decimal value is 6724580.
Hex triplet | 669be4 | #669be4 |
---|---|---|
RGB Decimal | 102, 155, 228 | rgb(102,155,228) |
RGB Percent | 40, 60.8, 89.4 | rgb(40%,60.8%,89.4%) |
CMYK | 55, 32, 0, 11 | |
HSL | 214.8°, 70, 64.7 | hsl(214.8,70%,64.7%) |
HSV (or HSB) | 214.8°, 55.3, 89.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 63.233, 3.396, -42.27 |
---|---|
XYZ | 31.201, 31.867, 77.901 |
xyY | 0.221, 0.226, 31.867 |
CIE-LCH | 63.233, 42.406, 274.593 |
CIE-LUV | 63.233, -24.534, -67.638 |
Hunter-Lab | 56.451, -0.13, -42.303 |
Binary | 01100110, 10011011, 11100100 |
Color Schemes with #669be4
Alternatives to #669be4
Below, you can see some colors close to #669be4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#669be4 Preview
This text has a font color of #669be4.
<span style="color:#669be4;">Text here</span>
This paragraph has a background color of #669be4.
<p style="background-color:#669be4;">Content here</p>
This element has a border color of #669be4.
<div style="border:1px solid #669be4;">Content here</div>
.text {color:#669be4;}
.background {background-color:#669be4;}
.border {border:1px solid #669be4;}
Shades and Tints of #669be4
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)
-
#08192f
#08192f
rgb(8,25,47)
-
#0b2140
#0b2140
rgb(11,33,64)
-
#0e2a50
#0e2a50
rgb(14,42,80)
-
#113361
#113361
rgb(17,51,97)
-
#143b72
#143b72
rgb(20,59,114)
-
#174482
#174482
rgb(23,68,130)
-
#1a4d93
#1a4d93
rgb(26,77,147)
-
#1d56a4
#1d56a4
rgb(29,86,164)
-
#205eb4
#205eb4
rgb(32,94,180)
-
#2367c5
#2367c5
rgb(35,103,197)
-
#2670d6
#2670d6
rgb(38,112,214)
-
#347adb
#347adb
rgb(52,122,219)
-
#4585de
#4585de
rgb(69,133,222)
-
#5590e1
#5590e1
rgb(85,144,225)
-
#669be4
#669be4
rgb(102,155,228)
-
#77a6e7
#77a6e7
rgb(119,166,231)
-
#87b1ea
#87b1ea
rgb(135,177,234)
-
#98bced
#98bced
rgb(152,188,237)
-
#a9c7f0
#a9c7f0
rgb(169,199,240)
-
#b9d1f3
#b9d1f3
rgb(185,209,243)
-
#cadcf6
#cadcf6
rgb(202,220,246)
-
#dbe7f9
#dbe7f9
rgb(219,231,249)
-
#ebf2fc
#ebf2fc
rgb(235,242,252)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #669be4
A tone is produced by adding gray to any pure hue. In this case, #a4a5a6 is the less saturated color, while #5198f9 is the most saturated one.
-
#a4a5a6
#a4a5a6
rgb(164,165,166)
-
#9da4ad
#9da4ad
rgb(157,164,173)
-
#96a3b4
#96a3b4
rgb(150,163,180)
-
#90a2ba
#90a2ba
rgb(144,162,186)
-
#89a0c1
#89a0c1
rgb(137,160,193)
-
#829fc8
#829fc8
rgb(130,159,200)
-
#7b9ecf
#7b9ecf
rgb(123,158,207)
-
#749dd6
#749dd6
rgb(116,157,214)
-
#6d9cdd
#6d9cdd
rgb(109,156,221)
-
#669be4
#669be4
rgb(102,155,228)
-
#5f9aeb
#5f9aeb
rgb(95,154,235)
-
#5899f2
#5899f2
rgb(88,153,242)
-
#5198f9
#5198f9
rgb(81,152,249)
Color Blindness Simulator
Below, you can see how #669be4 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.