#6686ec Color Information
In a RGB color space, hex #6686ec is composed of 40% red, 52.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 43.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 225.7 degrees, a saturation of 77.9% and a lightness of 66.3%. #6686ec color hex could be obtained by blending #ccffff with #000dd9. Closest websafe color is: #6699ff.
-
- R 40
- G 53
- B 93
-
- C 57
- M 43
- Y 0
- K 7
● #6686ec color description : Soft blue.
#6686ec Color Conversion
The hexadecimal color #6686ec has RGB values of R:102, G:134, B:236 and CMYK values of C:0.57, M:0.43, Y:0, K:0.07. Its decimal value is 6719212.
Hex triplet | 6686ec | #6686ec |
---|---|---|
RGB Decimal | 102, 134, 236 | rgb(102,134,236) |
RGB Percent | 40, 52.5, 92.5 | rgb(40%,52.5%,92.5%) |
CMYK | 57, 43, 0, 7 | |
HSL | 225.7°, 77.9, 66.3 | hsl(225.7,77.9%,66.3%) |
HSV (or HSB) | 225.7°, 56.8, 92.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 57.97, 18.317, -55.033 |
---|---|
XYZ | 29.142, 25.93, 82.822 |
xyY | 0.211, 0.188, 25.93 |
CIE-LCH | 57.97, 58.001, 288.41 |
CIE-LUV | 57.97, -17.302, -89.096 |
Hunter-Lab | 50.921, 13.042, -60.788 |
Binary | 01100110, 10000110, 11101100 |
Color Schemes with #6686ec
Alternatives to #6686ec
Below, you can see some colors close to #6686ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6686ec Preview
This text has a font color of #6686ec.
<span style="color:#6686ec;">Text here</span>
This paragraph has a background color of #6686ec.
<p style="background-color:#6686ec;">Content here</p>
This element has a border color of #6686ec.
<div style="border:1px solid #6686ec;">Content here</div>
.text {color:#6686ec;}
.background {background-color:#6686ec;}
.border {border:1px solid #6686ec;}
Shades and Tints of #6686ec
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, #010104 is the darkest color, while #f2f4fd is the lightest one.
-
#010104
#010104
rgb(1,1,4)
-
#030715
#030715
rgb(3,7,21)
-
#050d27
#050d27
rgb(5,13,39)
-
#071338
#071338
rgb(7,19,56)
-
#09194a
#09194a
rgb(9,25,74)
-
#0b1e5b
#0b1e5b
rgb(11,30,91)
-
#0e246d
#0e246d
rgb(14,36,109)
-
#102a7e
#102a7e
rgb(16,42,126)
-
#123090
#123090
rgb(18,48,144)
-
#1436a1
#1436a1
rgb(20,54,161)
-
#163cb3
#163cb3
rgb(22,60,179)
-
#1841c4
#1841c4
rgb(24,65,196)
-
#1b47d5
#1b47d5
rgb(27,71,213)
-
#204fe3
#204fe3
rgb(32,79,227)
-
#325de5
#325de5
rgb(50,93,229)
-
#436ae8
#436ae8
rgb(67,106,232)
-
#5578ea
#5578ea
rgb(85,120,234)
-
#6686ec
#6686ec
rgb(102,134,236)
-
#7794ee
#7794ee
rgb(119,148,238)
-
#89a2f0
#89a2f0
rgb(137,162,240)
-
#9aaff3
#9aaff3
rgb(154,175,243)
-
#acbdf5
#acbdf5
rgb(172,189,245)
-
#bdcbf7
#bdcbf7
rgb(189,203,247)
-
#cfd9f9
#cfd9f9
rgb(207,217,249)
-
#e0e7fb
#e0e7fb
rgb(224,231,251)
-
#f2f4fd
#f2f4fd
rgb(242,244,253)
Tones of #6686ec
A tone is produced by adding gray to any pure hue. In this case, #a8a9aa is the less saturated color, while #597ff9 is the most saturated one.
-
#a8a9aa
#a8a9aa
rgb(168,169,170)
-
#a2a5b0
#a2a5b0
rgb(162,165,176)
-
#9ba2b7
#9ba2b7
rgb(155,162,183)
-
#949ebe
#949ebe
rgb(148,158,190)
-
#8e9bc4
#8e9bc4
rgb(142,155,196)
-
#8797cb
#8797cb
rgb(135,151,203)
-
#8094d2
#8094d2
rgb(128,148,210)
-
#7a90d8
#7a90d8
rgb(122,144,216)
-
#738ddf
#738ddf
rgb(115,141,223)
-
#6d89e5
#6d89e5
rgb(109,137,229)
-
#6686ec
#6686ec
rgb(102,134,236)
-
#5f83f3
#5f83f3
rgb(95,131,243)
-
#597ff9
#597ff9
rgb(89,127,249)
Color Blindness Simulator
Below, you can see how #6686ec 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.