#686cfc Color Information
In a RGB color space, hex #686cfc is composed of 40.8% red, 42.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 57.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 238.4 degrees, a saturation of 96.1% and a lightness of 69.8%. #686cfc color hex could be obtained by blending #d0d8ff with #0000f9. Closest websafe color is: #6666ff.
-
- R 41
- G 42
- B 99
-
- C 59
- M 57
- Y 0
- K 1
● #686cfc color description : Soft blue.
#686cfc Color Conversion
The hexadecimal color #686cfc has RGB values of R:104, G:108, B:252 and CMYK values of C:0.59, M:0.57, Y:0, K:0.01. Its decimal value is 6843644.
Hex triplet | 686cfc | #686cfc |
---|---|---|
RGB Decimal | 104, 108, 252 | rgb(104,108,252) |
RGB Percent | 40.8, 42.4, 98.8 | rgb(40.8%,42.4%,98.8%) |
CMYK | 59, 57, 0, 1 | |
HSL | 238.4°, 96.1, 69.8 | hsl(238.4,96.1%,69.8%) |
HSV (or HSB) | 238.4°, 58.7, 98.8 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 52.614, 39.452, -72.525 |
---|---|
XYZ | 28.639, 20.695, 94.576 |
xyY | 0.199, 0.144, 20.695 |
CIE-LCH | 52.614, 82.561, 298.545 |
CIE-LUV | 52.614, -9.509, -115.778 |
Hunter-Lab | 45.492, 32.761, -91.417 |
Binary | 01101000, 01101100, 11111100 |
Color Schemes with #686cfc
Alternatives to #686cfc
Below, you can see some colors close to #686cfc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686cfc Preview
This text has a font color of #686cfc.
<span style="color:#686cfc;">Text here</span>
This paragraph has a background color of #686cfc.
<p style="background-color:#686cfc;">Content here</p>
This element has a border color of #686cfc.
<div style="border:1px solid #686cfc;">Content here</div>
.text {color:#686cfc;}
.background {background-color:#686cfc;}
.border {border:1px solid #686cfc;}
Shades and Tints of #686cfc
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, #000003 is the darkest color, while #efefff is the lightest one.
-
#000003
#000003
rgb(0,0,3)
-
#000116
#000116
rgb(0,1,22)
-
#010229
#010229
rgb(1,2,41)
-
#01033d
#01033d
rgb(1,3,61)
-
#020450
#020450
rgb(2,4,80)
-
#020563
#020563
rgb(2,5,99)
-
#020576
#020576
rgb(2,5,118)
-
#030689
#030689
rgb(3,6,137)
-
#03079d
#03079d
rgb(3,7,157)
-
#0308b0
#0308b0
rgb(3,8,176)
-
#0409c3
#0409c3
rgb(4,9,195)
-
#040ad6
#040ad6
rgb(4,10,214)
-
#050bea
#050bea
rgb(5,11,234)
-
#080efa
#080efa
rgb(8,14,250)
-
#1b21fa
#1b21fa
rgb(27,33,250)
-
#2e34fb
#2e34fb
rgb(46,52,251)
-
#4247fb
#4247fb
rgb(66,71,251)
-
#5559fc
#5559fc
rgb(85,89,252)
-
#686cfc
#686cfc
rgb(104,108,252)
-
#7b7ffc
#7b7ffc
rgb(123,127,252)
-
#8e91fd
#8e91fd
rgb(142,145,253)
-
#a2a4fd
#a2a4fd
rgb(162,164,253)
-
#b5b7fe
#b5b7fe
rgb(181,183,254)
-
#c8cafe
#c8cafe
rgb(200,202,254)
-
#dbdcfe
#dbdcfe
rgb(219,220,254)
-
#efefff
#efefff
rgb(239,239,255)
Tones of #686cfc
A tone is produced by adding gray to any pure hue. In this case, #afafb5 is the less saturated color, while #686cfc is the most saturated one.
-
#afafb5
#afafb5
rgb(175,175,181)
-
#a9aabb
#a9aabb
rgb(169,170,187)
-
#a3a4c1
#a3a4c1
rgb(163,164,193)
-
#9d9ec7
#9d9ec7
rgb(157,158,199)
-
#9799cd
#9799cd
rgb(151,153,205)
-
#9193d3
#9193d3
rgb(145,147,211)
-
#8c8ed8
#8c8ed8
rgb(140,142,216)
-
#8688de
#8688de
rgb(134,136,222)
-
#8082e4
#8082e4
rgb(128,130,228)
-
#7a7dea
#7a7dea
rgb(122,125,234)
-
#7477f0
#7477f0
rgb(116,119,240)
-
#6e72f6
#6e72f6
rgb(110,114,246)
-
#686cfc
#686cfc
rgb(104,108,252)
Color Blindness Simulator
Below, you can see how #686cfc 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.