#6696f3 Color Information
In a RGB color space, hex #6696f3 is composed of 40% red, 58.8% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 38.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 219.6 degrees, a saturation of 85.5% and a lightness of 67.6%. #6696f3 color hex could be obtained by blending #ccffff with #002de7. Closest websafe color is: #6699ff.
-
- R 40
- G 59
- B 95
-
- C 58
- M 38
- Y 0
- K 5
● #6696f3 color description : Soft blue.
#6696f3 Color Conversion
The hexadecimal color #6696f3 has RGB values of R:102, G:150, B:243 and CMYK values of C:0.58, M:0.38, Y:0, K:0.05. Its decimal value is 6723315.
Hex triplet | 6696f3 | #6696f3 |
---|---|---|
RGB Decimal | 102, 150, 243 | rgb(102,150,243) |
RGB Percent | 40, 58.8, 95.3 | rgb(40%,58.8%,95.3%) |
CMYK | 58, 38, 0, 5 | |
HSL | 219.6°, 85.5, 67.6 | hsl(219.6,85.5%,67.6%) |
HSV (or HSB) | 219.6°, 58, 95.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 62.598, 11.07, -51.54 |
---|---|
XYZ | 32.56, 31.107, 89.077 |
xyY | 0.213, 0.204, 31.107 |
CIE-LCH | 62.598, 52.716, 282.122 |
CIE-LUV | 62.598, -22.705, -83.851 |
Hunter-Lab | 55.773, 6.603, -55.653 |
Binary | 01100110, 10010110, 11110011 |
Color Schemes with #6696f3
Alternatives to #6696f3
Below, you can see some colors close to #6696f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6696f3 Preview
This text has a font color of #6696f3.
<span style="color:#6696f3;">Text here</span>
This paragraph has a background color of #6696f3.
<p style="background-color:#6696f3;">Content here</p>
This element has a border color of #6696f3.
<div style="border:1px solid #6696f3;">Content here</div>
.text {color:#6696f3;}
.background {background-color:#6696f3;}
.border {border:1px solid #6696f3;}
Shades and Tints of #6696f3
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)
-
#020b1d
#020b1d
rgb(2,11,29)
-
#04122f
#04122f
rgb(4,18,47)
-
#051a41
#051a41
rgb(5,26,65)
-
#072153
#072153
rgb(7,33,83)
-
#082866
#082866
rgb(8,40,102)
-
#092f78
#092f78
rgb(9,47,120)
-
#0b368a
#0b368a
rgb(11,54,138)
-
#0c3d9c
#0c3d9c
rgb(12,61,156)
-
#0e44ae
#0e44ae
rgb(14,68,174)
-
#0f4cc1
#0f4cc1
rgb(15,76,193)
-
#1153d3
#1153d3
rgb(17,83,211)
-
#125ae5
#125ae5
rgb(18,90,229)
-
#1d64ed
#1d64ed
rgb(29,100,237)
-
#2f71ef
#2f71ef
rgb(47,113,239)
-
#427df0
#427df0
rgb(66,125,240)
-
#548af2
#548af2
rgb(84,138,242)
-
#6696f3
#6696f3
rgb(102,150,243)
-
#78a2f4
#78a2f4
rgb(120,162,244)
-
#8aaff6
#8aaff6
rgb(138,175,246)
-
#9dbbf7
#9dbbf7
rgb(157,187,247)
-
#afc8f9
#afc8f9
rgb(175,200,249)
-
#c1d4fa
#c1d4fa
rgb(193,212,250)
-
#d3e1fc
#d3e1fc
rgb(211,225,252)
-
#e5edfd
#e5edfd
rgb(229,237,253)
-
#f8fafe
#f8fafe
rgb(248,250,254)
Tones of #6696f3
A tone is produced by adding gray to any pure hue. In this case, #acacad is the less saturated color, while #6094f9 is the most saturated one.
-
#acacad
#acacad
rgb(172,172,173)
-
#a5aab4
#a5aab4
rgb(165,170,180)
-
#9fa8ba
#9fa8ba
rgb(159,168,186)
-
#99a6c0
#99a6c0
rgb(153,166,192)
-
#92a4c7
#92a4c7
rgb(146,164,199)
-
#8ca2cd
#8ca2cd
rgb(140,162,205)
-
#86a0d3
#86a0d3
rgb(134,160,211)
-
#7f9eda
#7f9eda
rgb(127,158,218)
-
#799ce0
#799ce0
rgb(121,156,224)
-
#739ae6
#739ae6
rgb(115,154,230)
-
#6c98ed
#6c98ed
rgb(108,152,237)
-
#6696f3
#6696f3
rgb(102,150,243)
-
#6094f9
#6094f9
rgb(96,148,249)
Color Blindness Simulator
Below, you can see how #6696f3 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.