#686b6d Color Information
In a RGB color space, hex #686b6d is composed of 40.8% red, 42% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 1.8% magenta, 0% yellow and 57.3% black. It has a hue angle of 204 degrees, a saturation of 2.3% and a lightness of 41.8%. #686b6d color hex could be obtained by blending #d0d6da with #000000. Closest websafe color is: #666666.
-
- R 41
- G 42
- B 43
-
- C 5
- M 2
- Y 0
- K 57
● #686b6d color description : Very dark grayish blue.
#686b6d Color Conversion
The hexadecimal color #686b6d has RGB values of R:104, G:107, B:109 and CMYK values of C:0.05, M:0.02, Y:0, K:0.57. Its decimal value is 6843245.
Hex triplet | 686b6d | #686b6d |
---|---|---|
RGB Decimal | 104, 107, 109 | rgb(104,107,109) |
RGB Percent | 40.8, 42, 42.7 | rgb(40.8%,42%,42.7%) |
CMYK | 5, 2, 0, 57 | |
HSL | 204°, 2.3, 41.8 | hsl(204,2.3%,41.8%) |
HSV (or HSB) | 204°, 4.6, 42.7 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 45.029, -0.729, -1.524 |
---|---|
XYZ | 13.726, 14.563, 16.555 |
xyY | 0.306, 0.325, 14.563 |
CIE-LCH | 45.029, 1.689, 244.415 |
CIE-LUV | 45.029, -1.768, -1.927 |
Hunter-Lab | 38.161, -2.575, 0.992 |
Binary | 01101000, 01101011, 01101101 |
Color Schemes with #686b6d
Alternatives to #686b6d
Below, you can see some colors close to #686b6d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686b6d Preview
This text has a font color of #686b6d.
<span style="color:#686b6d;">Text here</span>
This paragraph has a background color of #686b6d.
<p style="background-color:#686b6d;">Content here</p>
This element has a border color of #686b6d.
<div style="border:1px solid #686b6d;">Content here</div>
.text {color:#686b6d;}
.background {background-color:#686b6d;}
.border {border:1px solid #686b6d;}
Shades and Tints of #686b6d
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, #080809 is the darkest color, while #fefefe is the lightest one.
-
#080809
#080809
rgb(8,8,9)
-
#121213
#121213
rgb(18,18,19)
-
#1b1c1d
#1b1c1d
rgb(27,28,29)
-
#252627
#252627
rgb(37,38,39)
-
#2f3031
#2f3031
rgb(47,48,49)
-
#383a3b
#383a3b
rgb(56,58,59)
-
#424445
#424445
rgb(66,68,69)
-
#4b4d4f
#4b4d4f
rgb(75,77,79)
-
#555759
#555759
rgb(85,87,89)
-
#5e6163
#5e6163
rgb(94,97,99)
-
#686b6d
#686b6d
rgb(104,107,109)
-
#727577
#727577
rgb(114,117,119)
-
#7b7f81
#7b7f81
rgb(123,127,129)
-
#85888b
#85888b
rgb(133,136,139)
-
#8f9294
#8f9294
rgb(143,146,148)
-
#999c9e
#999c9e
rgb(153,156,158)
-
#a3a6a7
#a3a6a7
rgb(163,166,167)
-
#adb0b1
#adb0b1
rgb(173,176,177)
-
#b7b9bb
#b7b9bb
rgb(183,185,187)
-
#c1c3c4
#c1c3c4
rgb(193,195,196)
-
#cbcdce
#cbcdce
rgb(203,205,206)
-
#d5d7d7
#d5d7d7
rgb(213,215,215)
-
#dfe0e1
#dfe0e1
rgb(223,224,225)
-
#eaeaea
#eaeaea
rgb(234,234,234)
-
#f4f4f4
#f4f4f4
rgb(244,244,244)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #686b6d
A tone is produced by adding gray to any pure hue. In this case, #686b6d is the less saturated color, while #067fcf is the most saturated one.
-
#686b6d
#686b6d
rgb(104,107,109)
-
#606d75
#606d75
rgb(96,109,117)
-
#586e7d
#586e7d
rgb(88,110,125)
-
#4f7086
#4f7086
rgb(79,112,134)
-
#47728e
#47728e
rgb(71,114,142)
-
#3f7396
#3f7396
rgb(63,115,150)
-
#37759e
#37759e
rgb(55,117,158)
-
#2f76a6
#2f76a6
rgb(47,118,166)
-
#2678af
#2678af
rgb(38,120,175)
-
#1e7ab7
#1e7ab7
rgb(30,122,183)
-
#167bbf
#167bbf
rgb(22,123,191)
-
#0e7dc7
#0e7dc7
rgb(14,125,199)
-
#067fcf
#067fcf
rgb(6,127,207)
Color Blindness Simulator
Below, you can see how #686b6d 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.