#686ff8 Color Information
In a RGB color space, hex #686ff8 is composed of 40.8% red, 43.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 55.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 237.1 degrees, a saturation of 91.1% and a lightness of 69%. #686ff8 color hex could be obtained by blending #d0deff with #0000f1. Closest websafe color is: #6666ff.
-
- R 41
- G 44
- B 97
-
- C 58
- M 55
- Y 0
- K 3
● #686ff8 color description : Soft blue.
#686ff8 Color Conversion
The hexadecimal color #686ff8 has RGB values of R:104, G:111, B:248 and CMYK values of C:0.58, M:0.55, Y:0, K:0.03. Its decimal value is 6844408.
Hex triplet | 686ff8 | #686ff8 |
---|---|---|
RGB Decimal | 104, 111, 248 | rgb(104,111,248) |
RGB Percent | 40.8, 43.5, 97.3 | rgb(40.8%,43.5%,97.3%) |
CMYK | 58, 55, 0, 3 | |
HSL | 237.1°, 91.1, 69 | hsl(237.1,91.1%,69%) |
HSV (or HSB) | 237.1°, 58.1, 97.3 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 53.046, 36.397, -69.607 |
---|---|
XYZ | 28.333, 21.088, 91.379 |
xyY | 0.201, 0.15, 21.088 |
CIE-LCH | 53.046, 78.548, 297.605 |
CIE-LUV | 53.046, -10.128, -111.453 |
Hunter-Lab | 45.922, 29.77, -85.835 |
Binary | 01101000, 01101111, 11111000 |
Color Schemes with #686ff8
Alternatives to #686ff8
Below, you can see some colors close to #686ff8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686ff8 Preview
This text has a font color of #686ff8.
<span style="color:#686ff8;">Text here</span>
This paragraph has a background color of #686ff8.
<p style="background-color:#686ff8;">Content here</p>
This element has a border color of #686ff8.
<div style="border:1px solid #686ff8;">Content here</div>
.text {color:#686ff8;}
.background {background-color:#686ff8;}
.border {border:1px solid #686ff8;}
Shades and Tints of #686ff8
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, #010212 is the darkest color, while #fefeff is the lightest one.
-
#010212
#010212
rgb(1,2,18)
-
#020324
#020324
rgb(2,3,36)
-
#030537
#030537
rgb(3,5,55)
-
#03074a
#03074a
rgb(3,7,74)
-
#04095d
#04095d
rgb(4,9,93)
-
#050a6f
#050a6f
rgb(5,10,111)
-
#060c82
#060c82
rgb(6,12,130)
-
#070e95
#070e95
rgb(7,14,149)
-
#0810a8
#0810a8
rgb(8,16,168)
-
#0911ba
#0911ba
rgb(9,17,186)
-
#0a13cd
#0a13cd
rgb(10,19,205)
-
#0a15e0
#0a15e0
rgb(10,21,224)
-
#0b16f3
#0b16f3
rgb(11,22,243)
-
#1d27f5
#1d27f5
rgb(29,39,245)
-
#3039f5
#3039f5
rgb(48,57,245)
-
#434bf6
#434bf6
rgb(67,75,246)
-
#555df7
#555df7
rgb(85,93,247)
-
#686ff8
#686ff8
rgb(104,111,248)
-
#7b81f9
#7b81f9
rgb(123,129,249)
-
#8d93fa
#8d93fa
rgb(141,147,250)
-
#a0a5fb
#a0a5fb
rgb(160,165,251)
-
#b3b7fb
#b3b7fb
rgb(179,183,251)
-
#c6c8fc
#c6c8fc
rgb(198,200,252)
-
#d8dafd
#d8dafd
rgb(216,218,253)
-
#ebecfe
#ebecfe
rgb(235,236,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #686ff8
A tone is produced by adding gray to any pure hue. In this case, #ababb5 is the less saturated color, while #626afe is the most saturated one.
-
#ababb5
#ababb5
rgb(171,171,181)
-
#a5a6bb
#a5a6bb
rgb(165,166,187)
-
#9fa0c1
#9fa0c1
rgb(159,160,193)
-
#999bc7
#999bc7
rgb(153,155,199)
-
#9395cd
#9395cd
rgb(147,149,205)
-
#8c90d4
#8c90d4
rgb(140,144,212)
-
#868ada
#868ada
rgb(134,138,218)
-
#8085e0
#8085e0
rgb(128,133,224)
-
#7a7fe6
#7a7fe6
rgb(122,127,230)
-
#747aec
#747aec
rgb(116,122,236)
-
#6e74f2
#6e74f2
rgb(110,116,242)
-
#686ff8
#686ff8
rgb(104,111,248)
-
#626afe
#626afe
rgb(98,106,254)
Color Blindness Simulator
Below, you can see how #686ff8 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.