#686f7e Color Information
In a RGB color space, hex #686f7e is composed of 40.8% red, 43.5% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 11.9% magenta, 0% yellow and 50.6% black. It has a hue angle of 220.9 degrees, a saturation of 9.6% and a lightness of 45.1%. #686f7e color hex could be obtained by blending #d0defc with #000000. Closest websafe color is: #666666.
-
- R 41
- G 44
- B 49
-
- C 17
- M 12
- Y 0
- K 51
● #686f7e color description : Dark grayish blue.
#686f7e Color Conversion
The hexadecimal color #686f7e has RGB values of R:104, G:111, B:126 and CMYK values of C:0.17, M:0.12, Y:0, K:0.51. Its decimal value is 6844286.
Hex triplet | 686f7e | #686f7e |
---|---|---|
RGB Decimal | 104, 111, 126 | rgb(104,111,126) |
RGB Percent | 40.8, 43.5, 49.4 | rgb(40.8%,43.5%,49.4%) |
CMYK | 17, 12, 0, 51 | |
HSL | 220.9°, 9.6, 45.1 | hsl(220.9,9.6%,45.1%) |
HSV (or HSB) | 220.9°, 17.5, 49.4 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 46.735, 0.741, -9.182 |
---|---|
XYZ | 15.159, 15.818, 21.992 |
xyY | 0.286, 0.299, 15.818 |
CIE-LCH | 46.735, 9.211, 274.612 |
CIE-LUV | 46.735, -4.502, -12.896 |
Hunter-Lab | 39.772, -1.568, -4.944 |
Binary | 01101000, 01101111, 01111110 |
Color Schemes with #686f7e
Alternatives to #686f7e
Below, you can see some colors close to #686f7e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686f7e Preview
This text has a font color of #686f7e.
<span style="color:#686f7e;">Text here</span>
This paragraph has a background color of #686f7e.
<p style="background-color:#686f7e;">Content here</p>
This element has a border color of #686f7e.
<div style="border:1px solid #686f7e;">Content here</div>
.text {color:#686f7e;}
.background {background-color:#686f7e;}
.border {border:1px solid #686f7e;}
Shades and Tints of #686f7e
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, #060708 is the darkest color, while #fcfcfd is the lightest one.
-
#060708
#060708
rgb(6,7,8)
-
#0f1013
#0f1013
rgb(15,16,19)
-
#181a1d
#181a1d
rgb(24,26,29)
-
#212328
#212328
rgb(33,35,40)
-
#2a2d33
#2a2d33
rgb(42,45,51)
-
#33363e
#33363e
rgb(51,54,62)
-
#3c4048
#3c4048
rgb(60,64,72)
-
#454953
#454953
rgb(69,73,83)
-
#4d535e
#4d535e
rgb(77,83,94)
-
#565c69
#565c69
rgb(86,92,105)
-
#5f6673
#5f6673
rgb(95,102,115)
-
#686f7e
#686f7e
rgb(104,111,126)
-
#717889
#717889
rgb(113,120,137)
-
#7b8292
#7b8292
rgb(123,130,146)
-
#868d9b
#868d9b
rgb(134,141,155)
-
#9197a4
#9197a4
rgb(145,151,164)
-
#9ba1ad
#9ba1ad
rgb(155,161,173)
-
#a6abb6
#a6abb6
rgb(166,171,182)
-
#b1b5be
#b1b5be
rgb(177,181,190)
-
#bcbfc7
#bcbfc7
rgb(188,191,199)
-
#c6c9d0
#c6c9d0
rgb(198,201,208)
-
#d1d4d9
#d1d4d9
rgb(209,212,217)
-
#dcdee2
#dcdee2
rgb(220,222,226)
-
#e7e8eb
#e7e8eb
rgb(231,232,235)
-
#f1f2f4
#f1f2f4
rgb(241,242,244)
-
#fcfcfd
#fcfcfd
rgb(252,252,253)
Tones of #686f7e
A tone is produced by adding gray to any pure hue. In this case, #717275 is the less saturated color, while #074cdf is the most saturated one.
-
#717275
#717275
rgb(113,114,117)
-
#686f7e
#686f7e
rgb(104,111,126)
-
#5f6c87
#5f6c87
rgb(95,108,135)
-
#566990
#566990
rgb(86,105,144)
-
#4d6599
#4d6599
rgb(77,101,153)
-
#4562a1
#4562a1
rgb(69,98,161)
-
#3c5faa
#3c5faa
rgb(60,95,170)
-
#335cb3
#335cb3
rgb(51,92,179)
-
#2a58bc
#2a58bc
rgb(42,88,188)
-
#2155c5
#2155c5
rgb(33,85,197)
-
#1852ce
#1852ce
rgb(24,82,206)
-
#104fd6
#104fd6
rgb(16,79,214)
-
#074cdf
#074cdf
rgb(7,76,223)
Color Blindness Simulator
Below, you can see how #686f7e 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.