#669bb2 Color Information
In a RGB color space, hex #669bb2 is composed of 40% red, 60.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 42.7% cyan, 12.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 198.2 degrees, a saturation of 33% and a lightness of 54.9%. #669bb2 color hex could be obtained by blending #ccffff with #003765. Closest websafe color is: #669999.
-
- R 40
- G 61
- B 70
-
- C 43
- M 13
- Y 0
- K 30
● #669bb2 color description : Mostly desaturated dark blue.
#669bb2 Color Conversion
The hexadecimal color #669bb2 has RGB values of R:102, G:155, B:178 and CMYK values of C:0.43, M:0.13, Y:0, K:0.3. Its decimal value is 6724530.
Hex triplet | 669bb2 | #669bb2 |
---|---|---|
RGB Decimal | 102, 155, 178 | rgb(102,155,178) |
RGB Percent | 40, 60.8, 69.8 | rgb(40%,60.8%,69.8%) |
CMYK | 43, 13, 0, 30 | |
HSL | 198.2°, 33, 54.9 | hsl(198.2,33%,54.9%) |
HSV (or HSB) | 198.2°, 42.7, 69.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 61.203, -11.415, -17.479 |
---|---|
XYZ | 25.235, 29.481, 46.478 |
xyY | 0.249, 0.291, 29.481 |
CIE-LCH | 61.203, 20.876, 236.854 |
CIE-LUV | 61.203, -25.074, -24.775 |
Hunter-Lab | 54.296, -12.058, -12.745 |
Binary | 01100110, 10011011, 10110010 |
Color Schemes with #669bb2
Alternatives to #669bb2
Below, you can see some colors close to #669bb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#669bb2 Preview
This text has a font color of #669bb2.
<span style="color:#669bb2;">Text here</span>
This paragraph has a background color of #669bb2.
<p style="background-color:#669bb2;">Content here</p>
This element has a border color of #669bb2.
<div style="border:1px solid #669bb2;">Content here</div>
.text {color:#669bb2;}
.background {background-color:#669bb2;}
.border {border:1px solid #669bb2;}
Shades and Tints of #669bb2
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, #020304 is the darkest color, while #f6f9fa is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#080e11
#080e11
rgb(8,14,17)
-
#0f191e
#0f191e
rgb(15,25,30)
-
#16242b
#16242b
rgb(22,36,43)
-
#1c2f38
#1c2f38
rgb(28,47,56)
-
#233a45
#233a45
rgb(35,58,69)
-
#294652
#294652
rgb(41,70,82)
-
#30515f
#30515f
rgb(48,81,95)
-
#365c6c
#365c6c
rgb(54,92,108)
-
#3d6779
#3d6779
rgb(61,103,121)
-
#437286
#437286
rgb(67,114,134)
-
#4a7d93
#4a7d93
rgb(74,125,147)
-
#5188a0
#5188a0
rgb(81,136,160)
-
#5992ab
#5992ab
rgb(89,146,171)
-
#669bb2
#669bb2
rgb(102,155,178)
-
#73a4b9
#73a4b9
rgb(115,164,185)
-
#80acbf
#80acbf
rgb(128,172,191)
-
#8db5c6
#8db5c6
rgb(141,181,198)
-
#9abdcc
#9abdcc
rgb(154,189,204)
-
#a7c6d3
#a7c6d3
rgb(167,198,211)
-
#b4ced9
#b4ced9
rgb(180,206,217)
-
#c1d7e0
#c1d7e0
rgb(193,215,224)
-
#cedfe7
#cedfe7
rgb(206,223,231)
-
#dbe8ed
#dbe8ed
rgb(219,232,237)
-
#e8f0f4
#e8f0f4
rgb(232,240,244)
-
#f6f9fa
#f6f9fa
rgb(246,249,250)
Tones of #669bb2
A tone is produced by adding gray to any pure hue. In this case, #898d8f is the less saturated color, while #1fb7f9 is the most saturated one.
-
#898d8f
#898d8f
rgb(137,141,143)
-
#819197
#819197
rgb(129,145,151)
-
#7894a0
#7894a0
rgb(120,148,160)
-
#6f98a9
#6f98a9
rgb(111,152,169)
-
#669bb2
#669bb2
rgb(102,155,178)
-
#5d9ebb
#5d9ebb
rgb(93,158,187)
-
#54a2c4
#54a2c4
rgb(84,162,196)
-
#4ba5cd
#4ba5cd
rgb(75,165,205)
-
#43a9d5
#43a9d5
rgb(67,169,213)
-
#3aacde
#3aacde
rgb(58,172,222)
-
#31b0e7
#31b0e7
rgb(49,176,231)
-
#28b3f0
#28b3f0
rgb(40,179,240)
-
#1fb7f9
#1fb7f9
rgb(31,183,249)
Color Blindness Simulator
Below, you can see how #669bb2 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.