#6686f4 Color Information
In a RGB color space, hex #6686f4 is composed of 40% red, 52.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 45.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 226.5 degrees, a saturation of 86.6% and a lightness of 67.8%. #6686f4 color hex could be obtained by blending #ccffff with #000de9. Closest websafe color is: #6699ff.
-
- R 40
- G 53
- B 96
-
- C 58
- M 45
- Y 0
- K 4
● #6686f4 color description : Soft blue.
#6686f4 Color Conversion
The hexadecimal color #6686f4 has RGB values of R:102, G:134, B:244 and CMYK values of C:0.58, M:0.45, Y:0, K:0.04. Its decimal value is 6719220.
Hex triplet | 6686f4 | #6686f4 |
---|---|---|
RGB Decimal | 102, 134, 244 | rgb(102,134,244) |
RGB Percent | 40, 52.5, 95.7 | rgb(40%,52.5%,95.7%) |
CMYK | 58, 45, 0, 4 | |
HSL | 226.5°, 86.6, 67.8 | hsl(226.5,86.6%,67.8%) |
HSV (or HSB) | 226.5°, 58.2, 95.7 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 58.42, 20.903, -58.747 |
---|---|
XYZ | 30.33, 26.405, 89.081 |
xyY | 0.208, 0.181, 26.405 |
CIE-LCH | 58.42, 62.355, 289.587 |
CIE-LUV | 58.42, -17.42, -95.49 |
Hunter-Lab | 51.386, 15.434, -66.814 |
Binary | 01100110, 10000110, 11110100 |
Color Schemes with #6686f4
Alternatives to #6686f4
Below, you can see some colors close to #6686f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6686f4 Preview
This text has a font color of #6686f4.
<span style="color:#6686f4;">Text here</span>
This paragraph has a background color of #6686f4.
<p style="background-color:#6686f4;">Content here</p>
This element has a border color of #6686f4.
<div style="border:1px solid #6686f4;">Content here</div>
.text {color:#6686f4;}
.background {background-color:#6686f4;}
.border {border:1px solid #6686f4;}
Shades and Tints of #6686f4
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, #01030c is the darkest color, while #f8faff is the lightest one.
-
#01030c
#01030c
rgb(1,3,12)
-
#02081e
#02081e
rgb(2,8,30)
-
#030e30
#030e30
rgb(3,14,48)
-
#051343
#051343
rgb(5,19,67)
-
#061855
#061855
rgb(6,24,85)
-
#071d67
#071d67
rgb(7,29,103)
-
#092279
#092279
rgb(9,34,121)
-
#0a278c
#0a278c
rgb(10,39,140)
-
#0b2c9e
#0b2c9e
rgb(11,44,158)
-
#0d32b0
#0d32b0
rgb(13,50,176)
-
#0e37c3
#0e37c3
rgb(14,55,195)
-
#0f3cd5
#0f3cd5
rgb(15,60,213)
-
#1141e7
#1141e7
rgb(17,65,231)
-
#1d4cef
#1d4cef
rgb(29,76,239)
-
#2f5bf0
#2f5bf0
rgb(47,91,240)
-
#4169f1
#4169f1
rgb(65,105,241)
-
#5478f3
#5478f3
rgb(84,120,243)
-
#6686f4
#6686f4
rgb(102,134,244)
-
#7894f5
#7894f5
rgb(120,148,245)
-
#8ba3f7
#8ba3f7
rgb(139,163,247)
-
#9db1f8
#9db1f8
rgb(157,177,248)
-
#afc0f9
#afc0f9
rgb(175,192,249)
-
#c1cefb
#c1cefb
rgb(193,206,251)
-
#d4ddfc
#d4ddfc
rgb(212,221,252)
-
#e6ebfd
#e6ebfd
rgb(230,235,253)
-
#f8faff
#f8faff
rgb(248,250,255)
Tones of #6686f4
A tone is produced by adding gray to any pure hue. In this case, #abacaf is the less saturated color, while #6083fa is the most saturated one.
-
#abacaf
#abacaf
rgb(171,172,175)
-
#a5a9b5
#a5a9b5
rgb(165,169,181)
-
#9fa5bb
#9fa5bb
rgb(159,165,187)
-
#98a2c2
#98a2c2
rgb(152,162,194)
-
#929ec8
#929ec8
rgb(146,158,200)
-
#8c9bce
#8c9bce
rgb(140,155,206)
-
#8697d4
#8697d4
rgb(134,151,212)
-
#7f94db
#7f94db
rgb(127,148,219)
-
#7990e1
#7990e1
rgb(121,144,225)
-
#738de7
#738de7
rgb(115,141,231)
-
#6c89ee
#6c89ee
rgb(108,137,238)
-
#6686f4
#6686f4
rgb(102,134,244)
-
#6083fa
#6083fa
rgb(96,131,250)
Color Blindness Simulator
Below, you can see how #6686f4 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.