#669bd0 Color Information
In a RGB color space, hex #669bd0 is composed of 40% red, 60.8% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 25.5% magenta, 0% yellow and 18.4% black. It has a hue angle of 210 degrees, a saturation of 53% and a lightness of 60.8%. #669bd0 color hex could be obtained by blending #ccffff with #0037a1. Closest websafe color is: #6699cc.
-
- R 40
- G 61
- B 82
-
- C 51
- M 25
- Y 0
- K 18
● #669bd0 color description : Moderate blue.
#669bd0 Color Conversion
The hexadecimal color #669bd0 has RGB values of R:102, G:155, B:208 and CMYK values of C:0.51, M:0.25, Y:0, K:0.18. Its decimal value is 6724560.
Hex triplet | 669bd0 | #669bd0 |
---|---|---|
RGB Decimal | 102, 155, 208 | rgb(102,155,208) |
RGB Percent | 40, 60.8, 81.6 | rgb(40%,60.8%,81.6%) |
CMYK | 51, 25, 0, 18 | |
HSL | 210°, 53, 60.8 | hsl(210,53%,60.8%) |
HSV (or HSB) | 210°, 51, 81.6 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 62.355, -2.751, -32.538 |
---|---|
XYZ | 28.583, 30.82, 64.114 |
xyY | 0.231, 0.25, 30.82 |
CIE-LCH | 62.355, 32.654, 265.166 |
CIE-LUV | 62.355, -24.721, -50.542 |
Hunter-Lab | 55.516, -5.248, -29.611 |
Binary | 01100110, 10011011, 11010000 |
Color Schemes with #669bd0
Alternatives to #669bd0
Below, you can see some colors close to #669bd0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#669bd0 Preview
This text has a font color of #669bd0.
<span style="color:#669bd0;">Text here</span>
This paragraph has a background color of #669bd0.
<p style="background-color:#669bd0;">Content here</p>
This element has a border color of #669bd0.
<div style="border:1px solid #669bd0;">Content here</div>
.text {color:#669bd0;}
.background {background-color:#669bd0;}
.border {border:1px solid #669bd0;}
Shades and Tints of #669bd0
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, #04080c is the darkest color, while #fcfdfe is the lightest one.
-
#04080c
#04080c
rgb(4,8,12)
-
#08121b
#08121b
rgb(8,18,27)
-
#0d1c2a
#0d1c2a
rgb(13,28,42)
-
#122539
#122539
rgb(18,37,57)
-
#162f48
#162f48
rgb(22,47,72)
-
#1b3957
#1b3957
rgb(27,57,87)
-
#1f4366
#1f4366
rgb(31,67,102)
-
#244d75
#244d75
rgb(36,77,117)
-
#295684
#295684
rgb(41,86,132)
-
#2d6093
#2d6093
rgb(45,96,147)
-
#326aa2
#326aa2
rgb(50,106,162)
-
#3674b1
#3674b1
rgb(54,116,177)
-
#3b7ec0
#3b7ec0
rgb(59,126,192)
-
#4887c7
#4887c7
rgb(72,135,199)
-
#5791cb
#5791cb
rgb(87,145,203)
-
#669bd0
#669bd0
rgb(102,155,208)
-
#75a5d5
#75a5d5
rgb(117,165,213)
-
#84afd9
#84afd9
rgb(132,175,217)
-
#93b8de
#93b8de
rgb(147,184,222)
-
#a2c2e2
#a2c2e2
rgb(162,194,226)
-
#b1cce7
#b1cce7
rgb(177,204,231)
-
#c0d6ec
#c0d6ec
rgb(192,214,236)
-
#cfe0f0
#cfe0f0
rgb(207,224,240)
-
#dee9f5
#dee9f5
rgb(222,233,245)
-
#edf3f9
#edf3f9
rgb(237,243,249)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #669bd0
A tone is produced by adding gray to any pure hue. In this case, #949ba2 is the less saturated color, while #389bfe is the most saturated one.
-
#949ba2
#949ba2
rgb(148,155,162)
-
#8c9baa
#8c9baa
rgb(140,155,170)
-
#859bb1
#859bb1
rgb(133,155,177)
-
#7d9bb9
#7d9bb9
rgb(125,155,185)
-
#759bc1
#759bc1
rgb(117,155,193)
-
#6e9bc8
#6e9bc8
rgb(110,155,200)
-
#669bd0
#669bd0
rgb(102,155,208)
-
#5e9bd8
#5e9bd8
rgb(94,155,216)
-
#579bdf
#579bdf
rgb(87,155,223)
-
#4f9be7
#4f9be7
rgb(79,155,231)
-
#479bef
#479bef
rgb(71,155,239)
-
#409bf6
#409bf6
rgb(64,155,246)
-
#389bfe
#389bfe
rgb(56,155,254)
Color Blindness Simulator
Below, you can see how #669bd0 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.