#669af3 Color Information
In a RGB color space, hex #669af3 is composed of 40% red, 60.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 36.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 217.9 degrees, a saturation of 85.5% and a lightness of 67.6%. #669af3 color hex could be obtained by blending #ccffff with #0035e7. Closest websafe color is: #6699ff.
-
- R 40
- G 60
- B 95
-
- C 58
- M 37
- Y 0
- K 5
● #669af3 color description : Soft blue.
#669af3 Color Conversion
The hexadecimal color #669af3 has RGB values of R:102, G:154, B:243 and CMYK values of C:0.58, M:0.37, Y:0, K:0.05. Its decimal value is 6724339.
Hex triplet | 669af3 | #669af3 |
---|---|---|
RGB Decimal | 102, 154, 243 | rgb(102,154,243) |
RGB Percent | 40, 60.4, 95.3 | rgb(40%,60.4%,95.3%) |
CMYK | 58, 37, 0, 5 | |
HSL | 217.9°, 85.5, 67.6 | hsl(217.9,85.5%,67.6%) |
HSV (or HSB) | 217.9°, 58, 95.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 63.676, 8.73, -49.832 |
---|---|
XYZ | 33.209, 32.405, 89.294 |
xyY | 0.214, 0.209, 32.405 |
CIE-LCH | 63.676, 50.591, 279.937 |
CIE-LUV | 63.676, -24.078, -80.988 |
Hunter-Lab | 56.926, 4.514, -53.155 |
Binary | 01100110, 10011010, 11110011 |
Color Schemes with #669af3
Alternatives to #669af3
Below, you can see some colors close to #669af3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#669af3 Preview
This text has a font color of #669af3.
<span style="color:#669af3;">Text here</span>
This paragraph has a background color of #669af3.
<p style="background-color:#669af3;">Content here</p>
This element has a border color of #669af3.
<div style="border:1px solid #669af3;">Content here</div>
.text {color:#669af3;}
.background {background-color:#669af3;}
.border {border:1px solid #669af3;}
Shades and Tints of #669af3
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, #01040b is the darkest color, while #f8fafe is the lightest one.
-
#01040b
#01040b
rgb(1,4,11)
-
#020c1d
#020c1d
rgb(2,12,29)
-
#04142f
#04142f
rgb(4,20,47)
-
#051b41
#051b41
rgb(5,27,65)
-
#072353
#072353
rgb(7,35,83)
-
#082b66
#082b66
rgb(8,43,102)
-
#093278
#093278
rgb(9,50,120)
-
#0b3a8a
#0b3a8a
rgb(11,58,138)
-
#0c419c
#0c419c
rgb(12,65,156)
-
#0e49ae
#0e49ae
rgb(14,73,174)
-
#0f51c1
#0f51c1
rgb(15,81,193)
-
#1158d3
#1158d3
rgb(17,88,211)
-
#1260e5
#1260e5
rgb(18,96,229)
-
#1d6aed
#1d6aed
rgb(29,106,237)
-
#2f76ef
#2f76ef
rgb(47,118,239)
-
#4282f0
#4282f0
rgb(66,130,240)
-
#548ef2
#548ef2
rgb(84,142,242)
-
#669af3
#669af3
rgb(102,154,243)
-
#78a6f4
#78a6f4
rgb(120,166,244)
-
#8ab2f6
#8ab2f6
rgb(138,178,246)
-
#9dbef7
#9dbef7
rgb(157,190,247)
-
#afcaf9
#afcaf9
rgb(175,202,249)
-
#c1d6fa
#c1d6fa
rgb(193,214,250)
-
#d3e2fc
#d3e2fc
rgb(211,226,252)
-
#e5eefd
#e5eefd
rgb(229,238,253)
-
#f8fafe
#f8fafe
rgb(248,250,254)
Tones of #669af3
A tone is produced by adding gray to any pure hue. In this case, #acacad is the less saturated color, while #6098f9 is the most saturated one.
-
#acacad
#acacad
rgb(172,172,173)
-
#a5abb4
#a5abb4
rgb(165,171,180)
-
#9fa9ba
#9fa9ba
rgb(159,169,186)
-
#99a7c0
#99a7c0
rgb(153,167,192)
-
#92a6c7
#92a6c7
rgb(146,166,199)
-
#8ca4cd
#8ca4cd
rgb(140,164,205)
-
#86a2d3
#86a2d3
rgb(134,162,211)
-
#7fa1da
#7fa1da
rgb(127,161,218)
-
#799fe0
#799fe0
rgb(121,159,224)
-
#739de6
#739de6
rgb(115,157,230)
-
#6c9ced
#6c9ced
rgb(108,156,237)
-
#669af3
#669af3
rgb(102,154,243)
-
#6098f9
#6098f9
rgb(96,152,249)
Color Blindness Simulator
Below, you can see how #669af3 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.