#686f8f Color Information
In a RGB color space, hex #686f8f is composed of 40.8% red, 43.5% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 22.4% magenta, 0% yellow and 43.9% black. It has a hue angle of 229.2 degrees, a saturation of 15.8% and a lightness of 48.4%. #686f8f color hex could be obtained by blending #d0deff with #00001f. Closest websafe color is: #666699.
-
- R 41
- G 44
- B 56
-
- C 27
- M 22
- Y 0
- K 44
● #686f8f color description : Mostly desaturated dark blue.
#686f8f Color Conversion
The hexadecimal color #686f8f has RGB values of R:104, G:111, B:143 and CMYK values of C:0.27, M:0.22, Y:0, K:0.44. Its decimal value is 6844303.
Hex triplet | 686f8f | #686f8f |
---|---|---|
RGB Decimal | 104, 111, 143 | rgb(104,111,143) |
RGB Percent | 40.8, 43.5, 56.1 | rgb(40.8%,43.5%,56.1%) |
CMYK | 27, 22, 0, 44 | |
HSL | 229.2°, 15.8, 48.4 | hsl(229.2,15.8%,48.4%) |
HSV (or HSB) | 229.2°, 27.3, 56.1 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 47.359, 4.979, -18.349 |
---|---|
XYZ | 16.35, 16.295, 28.269 |
xyY | 0.268, 0.268, 16.295 |
CIE-LCH | 47.359, 19.013, 285.18 |
CIE-LUV | 47.359, -5.288, -27.069 |
Hunter-Lab | 40.367, 1.658, -13.264 |
Binary | 01101000, 01101111, 10001111 |
Color Schemes with #686f8f
Alternatives to #686f8f
Below, you can see some colors close to #686f8f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686f8f Preview
This text has a font color of #686f8f.
<span style="color:#686f8f;">Text here</span>
This paragraph has a background color of #686f8f.
<p style="background-color:#686f8f;">Content here</p>
This element has a border color of #686f8f.
<div style="border:1px solid #686f8f;">Content here</div>
.text {color:#686f8f;}
.background {background-color:#686f8f;}
.border {border:1px solid #686f8f;}
Shades and Tints of #686f8f
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, #050507 is the darkest color, while #fafbfc is the lightest one.
-
#050507
#050507
rgb(5,5,7)
-
#0d0e12
#0d0e12
rgb(13,14,18)
-
#15171d
#15171d
rgb(21,23,29)
-
#1e2029
#1e2029
rgb(30,32,41)
-
#262834
#262834
rgb(38,40,52)
-
#2e3140
#2e3140
rgb(46,49,64)
-
#363a4b
#363a4b
rgb(54,58,75)
-
#3f4356
#3f4356
rgb(63,67,86)
-
#474c62
#474c62
rgb(71,76,98)
-
#4f556d
#4f556d
rgb(79,85,109)
-
#575d78
#575d78
rgb(87,93,120)
-
#606684
#606684
rgb(96,102,132)
-
#686f8f
#686f8f
rgb(104,111,143)
-
#727999
#727999
rgb(114,121,153)
-
#7d84a1
#7d84a1
rgb(125,132,161)
-
#898fa9
#898fa9
rgb(137,143,169)
-
#9499b1
#9499b1
rgb(148,153,177)
-
#a0a4ba
#a0a4ba
rgb(160,164,186)
-
#abafc2
#abafc2
rgb(171,175,194)
-
#b6baca
#b6baca
rgb(182,186,202)
-
#c2c5d2
#c2c5d2
rgb(194,197,210)
-
#cdcfdb
#cdcfdb
rgb(205,207,219)
-
#d8dae3
#d8dae3
rgb(216,218,227)
-
#e4e5eb
#e4e5eb
rgb(228,229,235)
-
#eff0f3
#eff0f3
rgb(239,240,243)
-
#fafbfc
#fafbfc
rgb(250,251,252)
Tones of #686f8f
A tone is produced by adding gray to any pure hue. In this case, #7b7b7c is the less saturated color, while #0932ee is the most saturated one.
-
#7b7b7c
#7b7b7c
rgb(123,123,124)
-
#727586
#727586
rgb(114,117,134)
-
#686f8f
#686f8f
rgb(104,111,143)
-
#5f6999
#5f6999
rgb(95,105,153)
-
#5563a2
#5563a2
rgb(85,99,162)
-
#4c5dac
#4c5dac
rgb(76,93,172)
-
#4257b5
#4257b5
rgb(66,87,181)
-
#3951bf
#3951bf
rgb(57,81,191)
-
#2f4ac8
#2f4ac8
rgb(47,74,200)
-
#2644d2
#2644d2
rgb(38,68,210)
-
#1c3edb
#1c3edb
rgb(28,62,219)
-
#1338e5
#1338e5
rgb(19,56,229)
-
#0932ee
#0932ee
rgb(9,50,238)
Color Blindness Simulator
Below, you can see how #686f8f 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.