#686f74 Color Information
In a RGB color space, hex #686f74 is composed of 40.8% red, 43.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 4.3% magenta, 0% yellow and 54.5% black. It has a hue angle of 205 degrees, a saturation of 5.5% and a lightness of 43.1%. #686f74 color hex could be obtained by blending #d0dee8 with #000000. Closest websafe color is: #666666.
-
- R 41
- G 44
- B 45
-
- C 10
- M 4
- Y 0
- K 55
● #686f74 color description : Dark grayish blue.
#686f74 Color Conversion
The hexadecimal color #686f74 has RGB values of R:104, G:111, B:116 and CMYK values of C:0.1, M:0.04, Y:0, K:0.55. Its decimal value is 6844276.
Hex triplet | 686f74 | #686f74 |
---|---|---|
RGB Decimal | 104, 111, 116 | rgb(104,111,116) |
RGB Percent | 40.8, 43.5, 45.5 | rgb(40.8%,43.5%,45.5%) |
CMYK | 10, 4, 0, 55 | |
HSL | 205°, 5.5, 43.1 | hsl(205,5.5%,43.1%) |
HSV (or HSB) | 205°, 10.3, 45.5 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 46.409, -1.562, -3.691 |
---|---|
XYZ | 14.545, 15.573, 18.762 |
xyY | 0.298, 0.319, 15.573 |
CIE-LCH | 46.409, 4.008, 247.066 |
CIE-LUV | 46.409, -4.055, -4.79 |
Hunter-Lab | 39.462, -3.267, -0.565 |
Binary | 01101000, 01101111, 01110100 |
Color Schemes with #686f74
Alternatives to #686f74
Below, you can see some colors close to #686f74. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686f74 Preview
This text has a font color of #686f74.
<span style="color:#686f74;">Text here</span>
This paragraph has a background color of #686f74.
<p style="background-color:#686f74;">Content here</p>
This element has a border color of #686f74.
<div style="border:1px solid #686f74;">Content here</div>
.text {color:#686f74;}
.background {background-color:#686f74;}
.border {border:1px solid #686f74;}
Shades and Tints of #686f74
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, #020202 is the darkest color, while #f7f7f8 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#0b0c0d
#0b0c0d
rgb(11,12,13)
-
#151617
#151617
rgb(21,22,23)
-
#1e2021
#1e2021
rgb(30,32,33)
-
#272a2c
#272a2c
rgb(39,42,44)
-
#303436
#303436
rgb(48,52,54)
-
#3a3e40
#3a3e40
rgb(58,62,64)
-
#43474b
#43474b
rgb(67,71,75)
-
#4c5155
#4c5155
rgb(76,81,85)
-
#555b5f
#555b5f
rgb(85,91,95)
-
#5f656a
#5f656a
rgb(95,101,106)
-
#686f74
#686f74
rgb(104,111,116)
-
#71797e
#71797e
rgb(113,121,126)
-
#7b8388
#7b8388
rgb(123,131,136)
-
#858c92
#858c92
rgb(133,140,146)
-
#8f969b
#8f969b
rgb(143,150,155)
-
#9aa0a4
#9aa0a4
rgb(154,160,164)
-
#a4aaae
#a4aaae
rgb(164,170,174)
-
#aeb3b7
#aeb3b7
rgb(174,179,183)
-
#b9bdc0
#b9bdc0
rgb(185,189,192)
-
#c3c7c9
#c3c7c9
rgb(195,199,201)
-
#ced1d3
#ced1d3
rgb(206,209,211)
-
#d8dadc
#d8dadc
rgb(216,218,220)
-
#e2e4e5
#e2e4e5
rgb(226,228,229)
-
#edeeee
#edeeee
rgb(237,238,238)
-
#f7f7f8
#f7f7f8
rgb(247,247,248)
Tones of #686f74
A tone is produced by adding gray to any pure hue. In this case, #686f74 is the less saturated color, while #0280da is the most saturated one.
-
#686f74
#686f74
rgb(104,111,116)
-
#60707c
#60707c
rgb(96,112,124)
-
#577285
#577285
rgb(87,114,133)
-
#4f738d
#4f738d
rgb(79,115,141)
-
#467596
#467596
rgb(70,117,150)
-
#3e769e
#3e769e
rgb(62,118,158)
-
#3577a7
#3577a7
rgb(53,119,167)
-
#2d79af
#2d79af
rgb(45,121,175)
-
#247ab8
#247ab8
rgb(36,122,184)
-
#1c7cc0
#1c7cc0
rgb(28,124,192)
-
#137dc9
#137dc9
rgb(19,125,201)
-
#0b7fd1
#0b7fd1
rgb(11,127,209)
-
#0280da
#0280da
rgb(2,128,218)
Color Blindness Simulator
Below, you can see how #686f74 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.