#686f8e Color Information
In a RGB color space, hex #686f8e is composed of 40.8% red, 43.5% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 21.8% magenta, 0% yellow and 44.3% black. It has a hue angle of 228.9 degrees, a saturation of 15.4% and a lightness of 48.2%. #686f8e color hex could be obtained by blending #d0deff with #00001d. Closest websafe color is: #666699.
-
- R 41
- G 44
- B 56
-
- C 27
- M 22
- Y 0
- K 44
● #686f8e color description : Mostly desaturated dark blue.
#686f8e Color Conversion
The hexadecimal color #686f8e has RGB values of R:104, G:111, B:142 and CMYK values of C:0.27, M:0.22, Y:0, K:0.44. Its decimal value is 6844302.
Hex triplet | 686f8e | #686f8e |
---|---|---|
RGB Decimal | 104, 111, 142 | rgb(104,111,142) |
RGB Percent | 40.8, 43.5, 55.7 | rgb(40.8%,43.5%,55.7%) |
CMYK | 27, 22, 0, 44 | |
HSL | 228.9°, 15.4, 48.2 | hsl(228.9,15.4%,48.2%) |
HSV (or HSB) | 228.9°, 26.8, 55.7 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 47.32, 4.719, -17.816 |
---|---|
XYZ | 16.275, 16.265, 27.872 |
xyY | 0.269, 0.269, 16.265 |
CIE-LCH | 47.32, 18.431, 284.835 |
CIE-LUV | 47.32, -5.241, -26.227 |
Hunter-Lab | 40.329, 1.457, -12.745 |
Binary | 01101000, 01101111, 10001110 |
Color Schemes with #686f8e
Alternatives to #686f8e
Below, you can see some colors close to #686f8e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686f8e Preview
This text has a font color of #686f8e.
<span style="color:#686f8e;">Text here</span>
This paragraph has a background color of #686f8e.
<p style="background-color:#686f8e;">Content here</p>
This element has a border color of #686f8e.
<div style="border:1px solid #686f8e;">Content here</div>
.text {color:#686f8e;}
.background {background-color:#686f8e;}
.border {border:1px solid #686f8e;}
Shades and Tints of #686f8e
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, #040506 is the darkest color, while #fafafb is the lightest one.
-
#040506
#040506
rgb(4,5,6)
-
#0d0e11
#0d0e11
rgb(13,14,17)
-
#15161d
#15161d
rgb(21,22,29)
-
#1d1f28
#1d1f28
rgb(29,31,40)
-
#262833
#262833
rgb(38,40,51)
-
#2e313f
#2e313f
rgb(46,49,63)
-
#363a4a
#363a4a
rgb(54,58,74)
-
#3f4355
#3f4355
rgb(63,67,85)
-
#474c61
#474c61
rgb(71,76,97)
-
#4f546c
#4f546c
rgb(79,84,108)
-
#575d77
#575d77
rgb(87,93,119)
-
#606683
#606683
rgb(96,102,131)
-
#686f8e
#686f8e
rgb(104,111,142)
-
#727998
#727998
rgb(114,121,152)
-
#7d84a0
#7d84a0
rgb(125,132,160)
-
#898ea8
#898ea8
rgb(137,142,168)
-
#9499b1
#9499b1
rgb(148,153,177)
-
#9fa4b9
#9fa4b9
rgb(159,164,185)
-
#abafc1
#abafc1
rgb(171,175,193)
-
#b6b9c9
#b6b9c9
rgb(182,185,201)
-
#c1c4d2
#c1c4d2
rgb(193,196,210)
-
#cdcfda
#cdcfda
rgb(205,207,218)
-
#d8dae2
#d8dae2
rgb(216,218,226)
-
#e3e5eb
#e3e5eb
rgb(227,229,235)
-
#eeeff3
#eeeff3
rgb(238,239,243)
-
#fafafb
#fafafb
rgb(250,250,251)
Tones of #686f8e
A tone is produced by adding gray to any pure hue. In this case, #7b7b7b is the less saturated color, while #0933ed is the most saturated one.
-
#7b7b7b
#7b7b7b
rgb(123,123,123)
-
#717585
#717585
rgb(113,117,133)
-
#686f8e
#686f8e
rgb(104,111,142)
-
#5f6997
#5f6997
rgb(95,105,151)
-
#5563a1
#5563a1
rgb(85,99,161)
-
#4c5daa
#4c5daa
rgb(76,93,170)
-
#4257b4
#4257b4
rgb(66,87,180)
-
#3951bd
#3951bd
rgb(57,81,189)
-
#2f4bc7
#2f4bc7
rgb(47,75,199)
-
#2645d0
#2645d0
rgb(38,69,208)
-
#1c3fda
#1c3fda
rgb(28,63,218)
-
#1339e3
#1339e3
rgb(19,57,227)
-
#0933ed
#0933ed
rgb(9,51,237)
Color Blindness Simulator
Below, you can see how #686f8e 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.