#6699f2 Color Information
In a RGB color space, hex #6699f2 is composed of 40% red, 60% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 36.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 218.1 degrees, a saturation of 84.3% and a lightness of 67.5%. #6699f2 color hex could be obtained by blending #ccffff with #0033e5. Closest websafe color is: #6699ff.
-
- R 40
- G 60
- B 95
-
- C 58
- M 37
- Y 0
- K 5
● #6699f2 color description : Soft blue.
#6699f2 Color Conversion
The hexadecimal color #6699f2 has RGB values of R:102, G:153, B:242 and CMYK values of C:0.58, M:0.37, Y:0, K:0.05. Its decimal value is 6724082.
Hex triplet | 6699f2 | #6699f2 |
---|---|---|
RGB Decimal | 102, 153, 242 | rgb(102,153,242) |
RGB Percent | 40, 60, 94.9 | rgb(40%,60%,94.9%) |
CMYK | 58, 37, 0, 5 | |
HSL | 218.1°, 84.3, 67.5 | hsl(218.1,84.3%,67.5%) |
HSV (or HSB) | 218.1°, 57.9, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 63.356, 8.993, -49.789 |
---|---|
XYZ | 32.894, 32.016, 88.446 |
xyY | 0.214, 0.209, 32.016 |
CIE-LCH | 63.356, 50.595, 280.238 |
CIE-LUV | 63.356, -23.738, -80.876 |
Hunter-Lab | 56.583, 4.75, -53.069 |
Binary | 01100110, 10011001, 11110010 |
Color Schemes with #6699f2
Alternatives to #6699f2
Below, you can see some colors close to #6699f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6699f2 Preview
This text has a font color of #6699f2.
<span style="color:#6699f2;">Text here</span>
This paragraph has a background color of #6699f2.
<p style="background-color:#6699f2;">Content here</p>
This element has a border color of #6699f2.
<div style="border:1px solid #6699f2;">Content here</div>
.text {color:#6699f2;}
.background {background-color:#6699f2;}
.border {border:1px solid #6699f2;}
Shades and Tints of #6699f2
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, #01040a is the darkest color, while #f7f9fe is the lightest one.
-
#01040a
#01040a
rgb(1,4,10)
-
#020c1c
#020c1c
rgb(2,12,28)
-
#04132e
#04132e
rgb(4,19,46)
-
#051b40
#051b40
rgb(5,27,64)
-
#072252
#072252
rgb(7,34,82)
-
#092a64
#092a64
rgb(9,42,100)
-
#0a3176
#0a3176
rgb(10,49,118)
-
#0c3988
#0c3988
rgb(12,57,136)
-
#0d419a
#0d419a
rgb(13,65,154)
-
#0f48ac
#0f48ac
rgb(15,72,172)
-
#1050bf
#1050bf
rgb(16,80,191)
-
#1257d1
#1257d1
rgb(18,87,209)
-
#135fe3
#135fe3
rgb(19,95,227)
-
#1e69ec
#1e69ec
rgb(30,105,236)
-
#3075ed
#3075ed
rgb(48,117,237)
-
#4281ef
#4281ef
rgb(66,129,239)
-
#548df0
#548df0
rgb(84,141,240)
-
#6699f2
#6699f2
rgb(102,153,242)
-
#78a5f4
#78a5f4
rgb(120,165,244)
-
#8ab1f5
#8ab1f5
rgb(138,177,245)
-
#9cbdf7
#9cbdf7
rgb(156,189,247)
-
#aec9f8
#aec9f8
rgb(174,201,248)
-
#c0d5fa
#c0d5fa
rgb(192,213,250)
-
#d2e1fb
#d2e1fb
rgb(210,225,251)
-
#e5edfd
#e5edfd
rgb(229,237,253)
-
#f7f9fe
#f7f9fe
rgb(247,249,254)
Tones of #6699f2
A tone is produced by adding gray to any pure hue. In this case, #a6aab2 is the less saturated color, while #5996ff is the most saturated one.
-
#a6aab2
#a6aab2
rgb(166,170,178)
-
#9fa9b9
#9fa9b9
rgb(159,169,185)
-
#99a7bf
#99a7bf
rgb(153,167,191)
-
#93a5c5
#93a5c5
rgb(147,165,197)
-
#8ca3cc
#8ca3cc
rgb(140,163,204)
-
#86a2d2
#86a2d2
rgb(134,162,210)
-
#80a0d8
#80a0d8
rgb(128,160,216)
-
#799edf
#799edf
rgb(121,158,223)
-
#739ce5
#739ce5
rgb(115,156,229)
-
#6c9bec
#6c9bec
rgb(108,155,236)
-
#6699f2
#6699f2
rgb(102,153,242)
-
#6097f8
#6097f8
rgb(96,151,248)
-
#5996ff
#5996ff
rgb(89,150,255)
Color Blindness Simulator
Below, you can see how #6699f2 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.