#669bb0 Color Information
In a RGB color space, hex #669bb0 is composed of 40% red, 60.8% green and 69% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 11.9% magenta, 0% yellow and 31% black. It has a hue angle of 197 degrees, a saturation of 31.9% and a lightness of 54.5%. #669bb0 color hex could be obtained by blending #ccffff with #003761. Closest websafe color is: #669999.
-
- R 40
- G 61
- B 69
-
- C 42
- M 12
- Y 0
- K 31
● #669bb0 color description : Mostly desaturated dark blue.
#669bb0 Color Conversion
The hexadecimal color #669bb0 has RGB values of R:102, G:155, B:176 and CMYK values of C:0.42, M:0.12, Y:0, K:0.31. Its decimal value is 6724528.
Hex triplet | 669bb0 | #669bb0 |
---|---|---|
RGB Decimal | 102, 155, 176 | rgb(102,155,176) |
RGB Percent | 40, 60.8, 69 | rgb(40%,60.8%,69%) |
CMYK | 42, 12, 0, 31 | |
HSL | 197°, 31.9, 54.5 | hsl(197,31.9%,54.5%) |
HSV (or HSB) | 197°, 42, 69 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 61.134, -11.963, -16.456 |
---|---|
XYZ | 25.035, 29.401, 45.428 |
xyY | 0.251, 0.294, 29.401 |
CIE-LCH | 61.134, 20.345, 233.985 |
CIE-LUV | 61.134, -25.1, -23.072 |
Hunter-Lab | 54.223, -12.473, -11.717 |
Binary | 01100110, 10011011, 10110000 |
Color Schemes with #669bb0
Alternatives to #669bb0
Below, you can see some colors close to #669bb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#669bb0 Preview
This text has a font color of #669bb0.
<span style="color:#669bb0;">Text here</span>
This paragraph has a background color of #669bb0.
<p style="background-color:#669bb0;">Content here</p>
This element has a border color of #669bb0.
<div style="border:1px solid #669bb0;">Content here</div>
.text {color:#669bb0;}
.background {background-color:#669bb0;}
.border {border:1px solid #669bb0;}
Shades and Tints of #669bb0
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, #010202 is the darkest color, while #f4f8f9 is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#080d0f
#080d0f
rgb(8,13,15)
-
#0f181c
#0f181c
rgb(15,24,28)
-
#152329
#152329
rgb(21,35,41)
-
#1c2f36
#1c2f36
rgb(28,47,54)
-
#233a43
#233a43
rgb(35,58,67)
-
#294550
#294550
rgb(41,69,80)
-
#30505d
#30505d
rgb(48,80,93)
-
#375b6a
#375b6a
rgb(55,91,106)
-
#3d6677
#3d6677
rgb(61,102,119)
-
#447284
#447284
rgb(68,114,132)
-
#4b7d91
#4b7d91
rgb(75,125,145)
-
#51889d
#51889d
rgb(81,136,157)
-
#5993a9
#5993a9
rgb(89,147,169)
-
#669bb0
#669bb0
rgb(102,155,176)
-
#73a3b7
#73a3b7
rgb(115,163,183)
-
#80acbd
#80acbd
rgb(128,172,189)
-
#8db4c4
#8db4c4
rgb(141,180,196)
-
#9abdcb
#9abdcb
rgb(154,189,203)
-
#a7c5d1
#a7c5d1
rgb(167,197,209)
-
#b4ced8
#b4ced8
rgb(180,206,216)
-
#c1d6df
#c1d6df
rgb(193,214,223)
-
#cddfe5
#cddfe5
rgb(205,223,229)
-
#dae7ec
#dae7ec
rgb(218,231,236)
-
#e7f0f3
#e7f0f3
rgb(231,240,243)
-
#f4f8f9
#f4f8f9
rgb(244,248,249)
Tones of #669bb0
A tone is produced by adding gray to any pure hue. In this case, #8a8c8c is the less saturated color, while #1fbaf7 is the most saturated one.
-
#8a8c8c
#8a8c8c
rgb(138,140,140)
-
#818f95
#818f95
rgb(129,143,149)
-
#78939e
#78939e
rgb(120,147,158)
-
#6f97a7
#6f97a7
rgb(111,151,167)
-
#669bb0
#669bb0
rgb(102,155,176)
-
#5d9fb9
#5d9fb9
rgb(93,159,185)
-
#54a3c2
#54a3c2
rgb(84,163,194)
-
#4ba7cb
#4ba7cb
rgb(75,167,203)
-
#42aad4
#42aad4
rgb(66,170,212)
-
#39aedd
#39aedd
rgb(57,174,221)
-
#30b2e6
#30b2e6
rgb(48,178,230)
-
#28b6ee
#28b6ee
rgb(40,182,238)
-
#1fbaf7
#1fbaf7
rgb(31,186,247)
Color Blindness Simulator
Below, you can see how #669bb0 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.