#669ed2 Color Information
In a RGB color space, hex #669ed2 is composed of 40% red, 62% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 24.8% magenta, 0% yellow and 17.6% black. It has a hue angle of 208.9 degrees, a saturation of 54.5% and a lightness of 61.2%. #669ed2 color hex could be obtained by blending #ccffff with #003da5. Closest websafe color is: #6699cc.
-
- R 40
- G 62
- B 82
-
- C 51
- M 25
- Y 0
- K 18
● #669ed2 color description : Moderate blue.
#669ed2 Color Conversion
The hexadecimal color #669ed2 has RGB values of R:102, G:158, B:210 and CMYK values of C:0.51, M:0.25, Y:0, K:0.18. Its decimal value is 6725330.
Hex triplet | 669ed2 | #669ed2 |
---|---|---|
RGB Decimal | 102, 158, 210 | rgb(102,158,210) |
RGB Percent | 40, 62, 82.4 | rgb(40%,62%,82.4%) |
CMYK | 51, 25, 0, 18 | |
HSL | 208.9°, 54.5, 61.2 | hsl(208.9,54.5%,61.2%) |
HSV (or HSB) | 208.9°, 51.4, 82.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 63.285, -3.842, -32.209 |
---|---|
XYZ | 29.336, 31.93, 65.586 |
xyY | 0.231, 0.252, 31.93 |
CIE-LCH | 63.285, 32.437, 263.198 |
CIE-LUV | 63.285, -25.835, -49.976 |
Hunter-Lab | 56.507, -6.215, -29.262 |
Binary | 01100110, 10011110, 11010010 |
Color Schemes with #669ed2
Alternatives to #669ed2
Below, you can see some colors close to #669ed2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#669ed2 Preview
This text has a font color of #669ed2.
<span style="color:#669ed2;">Text here</span>
This paragraph has a background color of #669ed2.
<p style="background-color:#669ed2;">Content here</p>
This element has a border color of #669ed2.
<div style="border:1px solid #669ed2;">Content here</div>
.text {color:#669ed2;}
.background {background-color:#669ed2;}
.border {border:1px solid #669ed2;}
Shades and Tints of #669ed2
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, #04090e is the darkest color, while #fefeff is the lightest one.
-
#04090e
#04090e
rgb(4,9,14)
-
#08131d
#08131d
rgb(8,19,29)
-
#0d1d2c
#0d1d2c
rgb(13,29,44)
-
#11273b
#11273b
rgb(17,39,59)
-
#16314a
#16314a
rgb(22,49,74)
-
#1a3b5a
#1a3b5a
rgb(26,59,90)
-
#1f4569
#1f4569
rgb(31,69,105)
-
#234f78
#234f78
rgb(35,79,120)
-
#285987
#285987
rgb(40,89,135)
-
#2c6396
#2c6396
rgb(44,99,150)
-
#316da5
#316da5
rgb(49,109,165)
-
#3577b4
#3577b4
rgb(53,119,180)
-
#3a81c4
#3a81c4
rgb(58,129,196)
-
#488bc9
#488bc9
rgb(72,139,201)
-
#5794ce
#5794ce
rgb(87,148,206)
-
#669ed2
#669ed2
rgb(102,158,210)
-
#75a8d6
#75a8d6
rgb(117,168,214)
-
#84b1db
#84b1db
rgb(132,177,219)
-
#93bbdf
#93bbdf
rgb(147,187,223)
-
#a3c4e4
#a3c4e4
rgb(163,196,228)
-
#b2cee8
#b2cee8
rgb(178,206,232)
-
#c1d8ed
#c1d8ed
rgb(193,216,237)
-
#d0e1f1
#d0e1f1
rgb(208,225,241)
-
#dfebf6
#dfebf6
rgb(223,235,246)
-
#eef4fa
#eef4fa
rgb(238,244,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #669ed2
A tone is produced by adding gray to any pure hue. In this case, #9b9c9d is the less saturated color, while #409ff8 is the most saturated one.
-
#9b9c9d
#9b9c9d
rgb(155,156,157)
-
#949ca4
#949ca4
rgb(148,156,164)
-
#8c9dac
#8c9dac
rgb(140,157,172)
-
#849db4
#849db4
rgb(132,157,180)
-
#7d9dbb
#7d9dbb
rgb(125,157,187)
-
#759dc3
#759dc3
rgb(117,157,195)
-
#6e9eca
#6e9eca
rgb(110,158,202)
-
#669ed2
#669ed2
rgb(102,158,210)
-
#5e9eda
#5e9eda
rgb(94,158,218)
-
#579fe1
#579fe1
rgb(87,159,225)
-
#4f9fe9
#4f9fe9
rgb(79,159,233)
-
#489ff0
#489ff0
rgb(72,159,240)
-
#409ff8
#409ff8
rgb(64,159,248)
Color Blindness Simulator
Below, you can see how #669ed2 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.