#686b76 Color Information
In a RGB color space, hex #686b76 is composed of 40.8% red, 42% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 11.9% cyan, 9.3% magenta, 0% yellow and 53.7% black. It has a hue angle of 227.1 degrees, a saturation of 6.3% and a lightness of 43.5%. #686b76 color hex could be obtained by blending #d0d6ec with #000000. Closest websafe color is: #666666.
-
- R 41
- G 42
- B 46
-
- C 12
- M 9
- Y 0
- K 54
● #686b76 color description : Dark grayish blue.
#686b76 Color Conversion
The hexadecimal color #686b76 has RGB values of R:104, G:107, B:118 and CMYK values of C:0.12, M:0.09, Y:0, K:0.54. Its decimal value is 6843254.
Hex triplet | 686b76 | #686b76 |
---|---|---|
RGB Decimal | 104, 107, 118 | rgb(104,107,118) |
RGB Percent | 40.8, 42, 46.3 | rgb(40.8%,42%,46.3%) |
CMYK | 12, 9, 0, 54 | |
HSL | 227.1°, 6.3, 43.5 | hsl(227.1,6.3%,43.5%) |
HSV (or HSB) | 227.1°, 11.9, 46.3 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 45.313, 1.256, -6.517 |
---|---|
XYZ | 14.236, 14.766, 19.239 |
xyY | 0.295, 0.306, 14.766 |
CIE-LCH | 45.313, 6.637, 280.907 |
CIE-LUV | 45.313, -2.231, -9.103 |
Hunter-Lab | 38.427, -1.119, -2.785 |
Binary | 01101000, 01101011, 01110110 |
Color Schemes with #686b76
Alternatives to #686b76
Below, you can see some colors close to #686b76. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686b76 Preview
This text has a font color of #686b76.
<span style="color:#686b76;">Text here</span>
This paragraph has a background color of #686b76.
<p style="background-color:#686b76;">Content here</p>
This element has a border color of #686b76.
<div style="border:1px solid #686b76;">Content here</div>
.text {color:#686b76;}
.background {background-color:#686b76;}
.border {border:1px solid #686b76;}
Shades and Tints of #686b76
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, #030303 is the darkest color, while #f8f8f9 is the lightest one.
-
#030303
#030303
rgb(3,3,3)
-
#0c0c0e
#0c0c0e
rgb(12,12,14)
-
#151618
#151618
rgb(21,22,24)
-
#1e1f23
#1e1f23
rgb(30,31,35)
-
#28292d
#28292d
rgb(40,41,45)
-
#313237
#313237
rgb(49,50,55)
-
#3a3c42
#3a3c42
rgb(58,60,66)
-
#43454c
#43454c
rgb(67,69,76)
-
#4c4f57
#4c4f57
rgb(76,79,87)
-
#565861
#565861
rgb(86,88,97)
-
#5f626c
#5f626c
rgb(95,98,108)
-
#686b76
#686b76
rgb(104,107,118)
-
#717480
#717480
rgb(113,116,128)
-
#7b7e8a
#7b7e8a
rgb(123,126,138)
-
#858894
#858894
rgb(133,136,148)
-
#90929d
#90929d
rgb(144,146,157)
-
#9a9da6
#9a9da6
rgb(154,157,166)
-
#a4a7af
#a4a7af
rgb(164,167,175)
-
#afb1b8
#afb1b8
rgb(175,177,184)
-
#b9bbc2
#b9bbc2
rgb(185,187,194)
-
#c4c5cb
#c4c5cb
rgb(196,197,203)
-
#cecfd4
#cecfd4
rgb(206,207,212)
-
#d9dadd
#d9dadd
rgb(217,218,221)
-
#e3e4e6
#e3e4e6
rgb(227,228,230)
-
#edeef0
#edeef0
rgb(237,238,240)
-
#f8f8f9
#f8f8f9
rgb(248,248,249)
Tones of #686b76
A tone is produced by adding gray to any pure hue. In this case, #686b76 is the less saturated color, while #0230dc is the most saturated one.
-
#686b76
#686b76
rgb(104,107,118)
-
#5f667f
#5f667f
rgb(95,102,127)
-
#576187
#576187
rgb(87,97,135)
-
#4e5c90
#4e5c90
rgb(78,92,144)
-
#465798
#465798
rgb(70,87,152)
-
#3d53a1
#3d53a1
rgb(61,83,161)
-
#354ea9
#354ea9
rgb(53,78,169)
-
#2c49b2
#2c49b2
rgb(44,73,178)
-
#2444ba
#2444ba
rgb(36,68,186)
-
#1b3fc3
#1b3fc3
rgb(27,63,195)
-
#133acb
#133acb
rgb(19,58,203)
-
#0a35d4
#0a35d4
rgb(10,53,212)
-
#0230dc
#0230dc
rgb(2,48,220)
Color Blindness Simulator
Below, you can see how #686b76 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.