#669eb5 Color Information
In a RGB color space, hex #669eb5 is composed of 40% red, 62% green and 71% blue. Whereas in a CMYK color space, it is composed of 43.6% cyan, 12.7% magenta, 0% yellow and 29% black. It has a hue angle of 197.5 degrees, a saturation of 34.8% and a lightness of 55.5%. #669eb5 color hex could be obtained by blending #ccffff with #003d6b. Closest websafe color is: #6699cc.
-
- R 40
- G 62
- B 71
-
- C 44
- M 13
- Y 0
- K 29
● #669eb5 color description : Slightly desaturated blue.
#669eb5 Color Conversion
The hexadecimal color #669eb5 has RGB values of R:102, G:158, B:181 and CMYK values of C:0.44, M:0.13, Y:0, K:0.29. Its decimal value is 6725301.
Hex triplet | 669eb5 | #669eb5 |
---|---|---|
RGB Decimal | 102, 158, 181 | rgb(102,158,181) |
RGB Percent | 40, 62, 71 | rgb(40%,62%,71%) |
CMYK | 44, 13, 0, 29 | |
HSL | 197.5°, 34.8, 55.5 | hsl(197.5,34.8%,55.5%) |
HSV (or HSB) | 197.5°, 43.6, 71 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 62.18, -12.221, -17.686 |
---|---|
XYZ | 26.045, 30.613, 48.25 |
xyY | 0.248, 0.292, 30.613 |
CIE-LCH | 62.18, 21.498, 235.355 |
CIE-LUV | 62.18, -26.251, -25.058 |
Hunter-Lab | 55.329, -12.802, -12.973 |
Binary | 01100110, 10011110, 10110101 |
Color Schemes with #669eb5
Alternatives to #669eb5
Below, you can see some colors close to #669eb5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#669eb5 Preview
This text has a font color of #669eb5.
<span style="color:#669eb5;">Text here</span>
This paragraph has a background color of #669eb5.
<p style="background-color:#669eb5;">Content here</p>
This element has a border color of #669eb5.
<div style="border:1px solid #669eb5;">Content here</div>
.text {color:#669eb5;}
.background {background-color:#669eb5;}
.border {border:1px solid #669eb5;}
Shades and Tints of #669eb5
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, #030506 is the darkest color, while #f7fafb is the lightest one.
-
#030506
#030506
rgb(3,5,6)
-
#091013
#091013
rgb(9,16,19)
-
#101b20
#101b20
rgb(16,27,32)
-
#16272d
#16272d
rgb(22,39,45)
-
#1c323b
#1c323b
rgb(28,50,59)
-
#233d48
#233d48
rgb(35,61,72)
-
#294855
#294855
rgb(41,72,85)
-
#2f5362
#2f5362
rgb(47,83,98)
-
#365f6f
#365f6f
rgb(54,95,111)
-
#3c6a7d
#3c6a7d
rgb(60,106,125)
-
#43758a
#43758a
rgb(67,117,138)
-
#498097
#498097
rgb(73,128,151)
-
#4f8ca4
#4f8ca4
rgb(79,140,164)
-
#5996af
#5996af
rgb(89,150,175)
-
#669eb5
#669eb5
rgb(102,158,181)
-
#73a6bb
#73a6bb
rgb(115,166,187)
-
#80afc2
#80afc2
rgb(128,175,194)
-
#8eb7c8
#8eb7c8
rgb(142,183,200)
-
#9bc0cf
#9bc0cf
rgb(155,192,207)
-
#a8c8d5
#a8c8d5
rgb(168,200,213)
-
#b5d0db
#b5d0db
rgb(181,208,219)
-
#c3d9e2
#c3d9e2
rgb(195,217,226)
-
#d0e1e8
#d0e1e8
rgb(208,225,232)
-
#dde9ef
#dde9ef
rgb(221,233,239)
-
#eaf2f5
#eaf2f5
rgb(234,242,245)
-
#f7fafb
#f7fafb
rgb(247,250,251)
Tones of #669eb5
A tone is produced by adding gray to any pure hue. In this case, #898f92 is the less saturated color, while #20bbfb is the most saturated one.
-
#898f92
#898f92
rgb(137,143,146)
-
#80939b
#80939b
rgb(128,147,155)
-
#7797a4
#7797a4
rgb(119,151,164)
-
#6f9aac
#6f9aac
rgb(111,154,172)
-
#669eb5
#669eb5
rgb(102,158,181)
-
#5da2be
#5da2be
rgb(93,162,190)
-
#55a5c6
#55a5c6
rgb(85,165,198)
-
#4ca9cf
#4ca9cf
rgb(76,169,207)
-
#43add8
#43add8
rgb(67,173,216)
-
#3ab0e1
#3ab0e1
rgb(58,176,225)
-
#32b4e9
#32b4e9
rgb(50,180,233)
-
#29b8f2
#29b8f2
rgb(41,184,242)
-
#20bbfb
#20bbfb
rgb(32,187,251)
Color Blindness Simulator
Below, you can see how #669eb5 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.