#686aa6 Color Information
In a RGB color space, hex #686aa6 is composed of 40.8% red, 41.6% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 37.3% cyan, 36.1% magenta, 0% yellow and 34.9% black. It has a hue angle of 238.1 degrees, a saturation of 25.8% and a lightness of 52.9%. #686aa6 color hex could be obtained by blending #d0d4ff with #00004d. Closest websafe color is: #666699.
-
- R 41
- G 42
- B 65
-
- C 37
- M 36
- Y 0
- K 35
● #686aa6 color description : Mostly desaturated dark blue.
#686aa6 Color Conversion
The hexadecimal color #686aa6 has RGB values of R:104, G:106, B:166 and CMYK values of C:0.37, M:0.36, Y:0, K:0.35. Its decimal value is 6843046.
Hex triplet | 686aa6 | #686aa6 |
---|---|---|
RGB Decimal | 104, 106, 166 | rgb(104,106,166) |
RGB Percent | 40.8, 41.6, 65.1 | rgb(40.8%,41.6%,65.1%) |
CMYK | 37, 36, 0, 35 | |
HSL | 238.1°, 25.8, 52.9 | hsl(238.1,25.8%,52.9%) |
HSV (or HSB) | 238.1°, 37.3, 65.1 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 46.98, 14.303, -32.507 |
---|---|
XYZ | 17.745, 16.004, 38.228 |
xyY | 0.247, 0.222, 16.004 |
CIE-LCH | 46.98, 35.515, 293.749 |
CIE-LUV | 46.98, -4.451, -49.868 |
Hunter-Lab | 40.005, 9.167, -28.654 |
Binary | 01101000, 01101010, 10100110 |
Color Schemes with #686aa6
Alternatives to #686aa6
Below, you can see some colors close to #686aa6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686aa6 Preview
This text has a font color of #686aa6.
<span style="color:#686aa6;">Text here</span>
This paragraph has a background color of #686aa6.
<p style="background-color:#686aa6;">Content here</p>
This element has a border color of #686aa6.
<div style="border:1px solid #686aa6;">Content here</div>
.text {color:#686aa6;}
.background {background-color:#686aa6;}
.border {border:1px solid #686aa6;}
Shades and Tints of #686aa6
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, #060609 is the darkest color, while #fcfcfd is the lightest one.
-
#060609
#060609
rgb(6,6,9)
-
#0d0d16
#0d0d16
rgb(13,13,22)
-
#141522
#141522
rgb(20,21,34)
-
#1b1c2e
#1b1c2e
rgb(27,28,46)
-
#23233b
#23233b
rgb(35,35,59)
-
#2a2b47
#2a2b47
rgb(42,43,71)
-
#313253
#313253
rgb(49,50,83)
-
#383a60
#383a60
rgb(56,58,96)
-
#40416c
#40416c
rgb(64,65,108)
-
#474979
#474979
rgb(71,73,121)
-
#4e5085
#4e5085
rgb(78,80,133)
-
#565891
#565891
rgb(86,88,145)
-
#5d5f9e
#5d5f9e
rgb(93,95,158)
-
#686aa6
#686aa6
rgb(104,106,166)
-
#7476ad
#7476ad
rgb(116,118,173)
-
#8182b5
#8182b5
rgb(129,130,181)
-
#8d8fbc
#8d8fbc
rgb(141,143,188)
-
#999bc3
#999bc3
rgb(153,155,195)
-
#a6a7ca
#a6a7ca
rgb(166,167,202)
-
#b2b3d2
#b2b3d2
rgb(178,179,210)
-
#bebfd9
#bebfd9
rgb(190,191,217)
-
#cbcbe0
#cbcbe0
rgb(203,203,224)
-
#d7d8e7
#d7d8e7
rgb(215,216,231)
-
#e3e4ef
#e3e4ef
rgb(227,228,239)
-
#f0f0f6
#f0f0f6
rgb(240,240,246)
-
#fcfcfd
#fcfcfd
rgb(252,252,253)
Tones of #686aa6
A tone is produced by adding gray to any pure hue. In this case, #84848a is the less saturated color, while #151cf9 is the most saturated one.
-
#84848a
#84848a
rgb(132,132,138)
-
#7a7b94
#7a7b94
rgb(122,123,148)
-
#71739d
#71739d
rgb(113,115,157)
-
#686aa6
#686aa6
rgb(104,106,166)
-
#5f61af
#5f61af
rgb(95,97,175)
-
#5659b8
#5659b8
rgb(86,89,184)
-
#4c50c2
#4c50c2
rgb(76,80,194)
-
#4347cb
#4347cb
rgb(67,71,203)
-
#3a3fd4
#3a3fd4
rgb(58,63,212)
-
#3136dd
#3136dd
rgb(49,54,221)
-
#272ee7
#272ee7
rgb(39,46,231)
-
#1e25f0
#1e25f0
rgb(30,37,240)
-
#151cf9
#151cf9
rgb(21,28,249)
Color Blindness Simulator
Below, you can see how #686aa6 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.