#669ff3 Color Information
In a RGB color space, hex #669ff3 is composed of 40% red, 62.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 34.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 215.7 degrees, a saturation of 85.5% and a lightness of 67.6%. #669ff3 color hex could be obtained by blending #ccffff with #003fe7. Closest websafe color is: #6699ff.
-
- R 40
- G 62
- B 95
-
- C 58
- M 35
- Y 0
- K 5
● #669ff3 color description : Soft blue.
#669ff3 Color Conversion
The hexadecimal color #669ff3 has RGB values of R:102, G:159, B:243 and CMYK values of C:0.58, M:0.35, Y:0, K:0.05. Its decimal value is 6725619.
Hex triplet | 669ff3 | #669ff3 |
---|---|---|
RGB Decimal | 102, 159, 243 | rgb(102,159,243) |
RGB Percent | 40, 62.4, 95.3 | rgb(40%,62.4%,95.3%) |
CMYK | 58, 35, 0, 5 | |
HSL | 215.7°, 85.5, 67.6 | hsl(215.7,85.5%,67.6%) |
HSV (or HSB) | 215.7°, 58, 95.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.034, 5.831, -47.687 |
---|---|
XYZ | 34.052, 34.09, 89.575 |
xyY | 0.216, 0.216, 34.09 |
CIE-LCH | 65.034, 48.042, 276.971 |
CIE-LUV | 65.034, -25.816, -77.339 |
Hunter-Lab | 58.387, 1.926, -50.09 |
Binary | 01100110, 10011111, 11110011 |
Color Schemes with #669ff3
Alternatives to #669ff3
Below, you can see some colors close to #669ff3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#669ff3 Preview
This text has a font color of #669ff3.
<span style="color:#669ff3;">Text here</span>
This paragraph has a background color of #669ff3.
<p style="background-color:#669ff3;">Content here</p>
This element has a border color of #669ff3.
<div style="border:1px solid #669ff3;">Content here</div>
.text {color:#669ff3;}
.background {background-color:#669ff3;}
.border {border:1px solid #669ff3;}
Shades and Tints of #669ff3
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, #01050b is the darkest color, while #f8fafe is the lightest one.
-
#01050b
#01050b
rgb(1,5,11)
-
#020d1d
#020d1d
rgb(2,13,29)
-
#04152f
#04152f
rgb(4,21,47)
-
#051d41
#051d41
rgb(5,29,65)
-
#072653
#072653
rgb(7,38,83)
-
#082e66
#082e66
rgb(8,46,102)
-
#093678
#093678
rgb(9,54,120)
-
#0b3e8a
#0b3e8a
rgb(11,62,138)
-
#0c469c
#0c469c
rgb(12,70,156)
-
#0e4fae
#0e4fae
rgb(14,79,174)
-
#0f57c1
#0f57c1
rgb(15,87,193)
-
#115fd3
#115fd3
rgb(17,95,211)
-
#1267e5
#1267e5
rgb(18,103,229)
-
#1d71ed
#1d71ed
rgb(29,113,237)
-
#2f7def
#2f7def
rgb(47,125,239)
-
#4288f0
#4288f0
rgb(66,136,240)
-
#5494f2
#5494f2
rgb(84,148,242)
-
#669ff3
#669ff3
rgb(102,159,243)
-
#78aaf4
#78aaf4
rgb(120,170,244)
-
#8ab6f6
#8ab6f6
rgb(138,182,246)
-
#9dc1f7
#9dc1f7
rgb(157,193,247)
-
#afcdf9
#afcdf9
rgb(175,205,249)
-
#c1d8fa
#c1d8fa
rgb(193,216,250)
-
#d3e3fc
#d3e3fc
rgb(211,227,252)
-
#e5effd
#e5effd
rgb(229,239,253)
-
#f8fafe
#f8fafe
rgb(248,250,254)
Tones of #669ff3
A tone is produced by adding gray to any pure hue. In this case, #acacad is the less saturated color, while #609ef9 is the most saturated one.
-
#acacad
#acacad
rgb(172,172,173)
-
#a5abb4
#a5abb4
rgb(165,171,180)
-
#9faaba
#9faaba
rgb(159,170,186)
-
#99a9c0
#99a9c0
rgb(153,169,192)
-
#92a8c7
#92a8c7
rgb(146,168,199)
-
#8ca6cd
#8ca6cd
rgb(140,166,205)
-
#86a5d3
#86a5d3
rgb(134,165,211)
-
#7fa4da
#7fa4da
rgb(127,164,218)
-
#79a3e0
#79a3e0
rgb(121,163,224)
-
#73a1e6
#73a1e6
rgb(115,161,230)
-
#6ca0ed
#6ca0ed
rgb(108,160,237)
-
#669ff3
#669ff3
rgb(102,159,243)
-
#609ef9
#609ef9
rgb(96,158,249)
Color Blindness Simulator
Below, you can see how #669ff3 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.