#686d77 Color Information
In a RGB color space, hex #686d77 is composed of 40.8% red, 42.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 12.6% cyan, 8.4% magenta, 0% yellow and 53.3% black. It has a hue angle of 220 degrees, a saturation of 6.7% and a lightness of 43.7%. #686d77 color hex could be obtained by blending #d0daee with #000000. Closest websafe color is: #666666.
-
- R 41
- G 43
- B 47
-
- C 13
- M 8
- Y 0
- K 53
● #686d77 color description : Dark grayish blue.
#686d77 Color Conversion
The hexadecimal color #686d77 has RGB values of R:104, G:109, B:119 and CMYK values of C:0.13, M:0.08, Y:0, K:0.53. Its decimal value is 6843767.
Hex triplet | 686d77 | #686d77 |
---|---|---|
RGB Decimal | 104, 109, 119 | rgb(104,109,119) |
RGB Percent | 40.8, 42.7, 46.7 | rgb(40.8%,42.7%,46.7%) |
CMYK | 13, 8, 0, 53 | |
HSL | 220°, 6.7, 43.7 | hsl(220,6.7%,43.7%) |
HSV (or HSB) | 220°, 12.6, 46.7 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 45.923, 0.295, -6.207 |
---|---|
XYZ | 14.507, 15.212, 19.624 |
xyY | 0.294, 0.308, 15.212 |
CIE-LCH | 45.923, 6.214, 272.723 |
CIE-LUV | 45.923, -3.234, -8.557 |
Hunter-Lab | 39.003, -1.863, -2.529 |
Binary | 01101000, 01101101, 01110111 |
Color Schemes with #686d77
Alternatives to #686d77
Below, you can see some colors close to #686d77. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686d77 Preview
This text has a font color of #686d77.
<span style="color:#686d77;">Text here</span>
This paragraph has a background color of #686d77.
<p style="background-color:#686d77;">Content here</p>
This element has a border color of #686d77.
<div style="border:1px solid #686d77;">Content here</div>
.text {color:#686d77;}
.background {background-color:#686d77;}
.border {border:1px solid #686d77;}
Shades and Tints of #686d77
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, #030404 is the darkest color, while #f8f9f9 is the lightest one.
-
#030404
#030404
rgb(3,4,4)
-
#0d0d0e
#0d0d0e
rgb(13,13,14)
-
#161719
#161719
rgb(22,23,25)
-
#1f2023
#1f2023
rgb(31,32,35)
-
#282a2e
#282a2e
rgb(40,42,46)
-
#313338
#313338
rgb(49,51,56)
-
#3a3d43
#3a3d43
rgb(58,61,67)
-
#43474d
#43474d
rgb(67,71,77)
-
#4d5058
#4d5058
rgb(77,80,88)
-
#565a62
#565a62
rgb(86,90,98)
-
#5f636d
#5f636d
rgb(95,99,109)
-
#686d77
#686d77
rgb(104,109,119)
-
#717781
#717781
rgb(113,119,129)
-
#7b808b
#7b808b
rgb(123,128,139)
-
#858a95
#858a95
rgb(133,138,149)
-
#90949e
#90949e
rgb(144,148,158)
-
#9a9ea7
#9a9ea7
rgb(154,158,167)
-
#a5a8b0
#a5a8b0
rgb(165,168,176)
-
#afb2b9
#afb2b9
rgb(175,178,185)
-
#babdc2
#babdc2
rgb(186,189,194)
-
#c4c7cb
#c4c7cb
rgb(196,199,203)
-
#cfd1d5
#cfd1d5
rgb(207,209,213)
-
#d9dbde
#d9dbde
rgb(217,219,222)
-
#e3e5e7
#e3e5e7
rgb(227,229,231)
-
#eeeff0
#eeeff0
rgb(238,239,240)
-
#f8f9f9
#f8f9f9
rgb(248,249,249)
Tones of #686d77
A tone is produced by adding gray to any pure hue. In this case, #686d77 is the less saturated color, while #014bde is the most saturated one.
-
#686d77
#686d77
rgb(104,109,119)
-
#5f6a80
#5f6a80
rgb(95,106,128)
-
#576788
#576788
rgb(87,103,136)
-
#4e6491
#4e6491
rgb(78,100,145)
-
#466299
#466299
rgb(70,98,153)
-
#3d5fa2
#3d5fa2
rgb(61,95,162)
-
#355caa
#355caa
rgb(53,92,170)
-
#2c59b3
#2c59b3
rgb(44,89,179)
-
#2356bc
#2356bc
rgb(35,86,188)
-
#1b53c4
#1b53c4
rgb(27,83,196)
-
#1250cd
#1250cd
rgb(18,80,205)
-
#0a4ed5
#0a4ed5
rgb(10,78,213)
-
#014bde
#014bde
rgb(1,75,222)
Color Blindness Simulator
Below, you can see how #686d77 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.