#669eb2 Color Information
In a RGB color space, hex #669eb2 is composed of 40% red, 62% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 42.7% cyan, 11.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 195.8 degrees, a saturation of 33% and a lightness of 54.9%. #669eb2 color hex could be obtained by blending #ccffff with #003d65. Closest websafe color is: #669999.
-
- R 40
- G 62
- B 70
-
- C 43
- M 11
- Y 0
- K 30
● #669eb2 color description : Mostly desaturated dark blue.
#669eb2 Color Conversion
The hexadecimal color #669eb2 has RGB values of R:102, G:158, B:178 and CMYK values of C:0.43, M:0.11, Y:0, K:0.3. Its decimal value is 6725298.
Hex triplet | 669eb2 | #669eb2 |
---|---|---|
RGB Decimal | 102, 158, 178 | rgb(102,158,178) |
RGB Percent | 40, 62, 69.8 | rgb(40%,62%,69.8%) |
CMYK | 43, 11, 0, 30 | |
HSL | 195.8°, 33, 54.9 | hsl(195.8,33%,54.9%) |
HSV (or HSB) | 195.8°, 42.7, 69.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 62.076, -13.044, -16.156 |
---|---|
XYZ | 25.74, 30.492, 46.646 |
xyY | 0.25, 0.296, 30.492 |
CIE-LCH | 62.076, 20.765, 231.083 |
CIE-LUV | 62.076, -26.297, -22.503 |
Hunter-Lab | 55.219, -13.426, -11.432 |
Binary | 01100110, 10011110, 10110010 |
Color Schemes with #669eb2
Alternatives to #669eb2
Below, you can see some colors close to #669eb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#669eb2 Preview
This text has a font color of #669eb2.
<span style="color:#669eb2;">Text here</span>
This paragraph has a background color of #669eb2.
<p style="background-color:#669eb2;">Content here</p>
This element has a border color of #669eb2.
<div style="border:1px solid #669eb2;">Content here</div>
.text {color:#669eb2;}
.background {background-color:#669eb2;}
.border {border:1px solid #669eb2;}
Shades and Tints of #669eb2
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)
-
#0f1a1e
#0f1a1e
rgb(15,26,30)
-
#16252b
#16252b
rgb(22,37,43)
-
#1c3038
#1c3038
rgb(28,48,56)
-
#233c45
#233c45
rgb(35,60,69)
-
#294752
#294752
rgb(41,71,82)
-
#30535f
#30535f
rgb(48,83,95)
-
#365e6c
#365e6c
rgb(54,94,108)
-
#3d6979
#3d6979
rgb(61,105,121)
-
#437586
#437586
rgb(67,117,134)
-
#4a8093
#4a8093
rgb(74,128,147)
-
#518ba0
#518ba0
rgb(81,139,160)
-
#5996ab
#5996ab
rgb(89,150,171)
-
#669eb2
#669eb2
rgb(102,158,178)
-
#73a6b9
#73a6b9
rgb(115,166,185)
-
#80afbf
#80afbf
rgb(128,175,191)
-
#8db7c6
#8db7c6
rgb(141,183,198)
-
#9abfcc
#9abfcc
rgb(154,191,204)
-
#a7c7d3
#a7c7d3
rgb(167,199,211)
-
#b4d0d9
#b4d0d9
rgb(180,208,217)
-
#c1d8e0
#c1d8e0
rgb(193,216,224)
-
#cee0e7
#cee0e7
rgb(206,224,231)
-
#dbe8ed
#dbe8ed
rgb(219,232,237)
-
#e8f1f4
#e8f1f4
rgb(232,241,244)
-
#f6f9fa
#f6f9fa
rgb(246,249,250)
Tones of #669eb2
A tone is produced by adding gray to any pure hue. In this case, #898d8f is the less saturated color, while #1fc0f9 is the most saturated one.
-
#898d8f
#898d8f
rgb(137,141,143)
-
#819197
#819197
rgb(129,145,151)
-
#7896a0
#7896a0
rgb(120,150,160)
-
#6f9aa9
#6f9aa9
rgb(111,154,169)
-
#669eb2
#669eb2
rgb(102,158,178)
-
#5da2bb
#5da2bb
rgb(93,162,187)
-
#54a6c4
#54a6c4
rgb(84,166,196)
-
#4babcd
#4babcd
rgb(75,171,205)
-
#43afd5
#43afd5
rgb(67,175,213)
-
#3ab3de
#3ab3de
rgb(58,179,222)
-
#31b7e7
#31b7e7
rgb(49,183,231)
-
#28bbf0
#28bbf0
rgb(40,187,240)
-
#1fc0f9
#1fc0f9
rgb(31,192,249)
Color Blindness Simulator
Below, you can see how #669eb2 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.