#686e7c Color Information
In a RGB color space, hex #686e7c is composed of 40.8% red, 43.1% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 16.1% cyan, 11.3% magenta, 0% yellow and 51.4% black. It has a hue angle of 222 degrees, a saturation of 8.8% and a lightness of 44.7%. #686e7c color hex could be obtained by blending #d0dcf8 with #000000. Closest websafe color is: #666666.
-
- R 41
- G 43
- B 49
-
- C 16
- M 11
- Y 0
- K 51
● #686e7c color description : Dark grayish blue.
#686e7c Color Conversion
The hexadecimal color #686e7c has RGB values of R:104, G:110, B:124 and CMYK values of C:0.16, M:0.11, Y:0, K:0.51. Its decimal value is 6844028.
Hex triplet | 686e7c | #686e7c |
---|---|---|
RGB Decimal | 104, 110, 124 | rgb(104,110,124) |
RGB Percent | 40.8, 43.1, 48.6 | rgb(40.8%,43.1%,48.6%) |
CMYK | 16, 11, 0, 51 | |
HSL | 222°, 8.8, 44.7 | hsl(222,8.8%,44.7%) |
HSV (or HSB) | 222°, 16.1, 48.6 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 46.378, 0.861, -8.521 |
---|---|
XYZ | 14.922, 15.55, 21.283 |
xyY | 0.288, 0.3, 15.55 |
CIE-LCH | 46.378, 8.564, 275.769 |
CIE-LUV | 46.378, -3.944, -11.943 |
Hunter-Lab | 39.433, -1.461, -4.396 |
Binary | 01101000, 01101110, 01111100 |
Color Schemes with #686e7c
Alternatives to #686e7c
Below, you can see some colors close to #686e7c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686e7c Preview
This text has a font color of #686e7c.
<span style="color:#686e7c;">Text here</span>
This paragraph has a background color of #686e7c.
<p style="background-color:#686e7c;">Content here</p>
This element has a border color of #686e7c.
<div style="border:1px solid #686e7c;">Content here</div>
.text {color:#686e7c;}
.background {background-color:#686e7c;}
.border {border:1px solid #686e7c;}
Shades and Tints of #686e7c
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, #060607 is the darkest color, while #fbfbfc is the lightest one.
-
#060607
#060607
rgb(6,6,7)
-
#0f0f11
#0f0f11
rgb(15,15,17)
-
#17191c
#17191c
rgb(23,25,28)
-
#202227
#202227
rgb(32,34,39)
-
#292c31
#292c31
rgb(41,44,49)
-
#32353c
#32353c
rgb(50,53,60)
-
#3b3f47
#3b3f47
rgb(59,63,71)
-
#444851
#444851
rgb(68,72,81)
-
#4d525c
#4d525c
rgb(77,82,92)
-
#565b67
#565b67
rgb(86,91,103)
-
#5f6571
#5f6571
rgb(95,101,113)
-
#686e7c
#686e7c
rgb(104,110,124)
-
#717787
#717787
rgb(113,119,135)
-
#7b8190
#7b8190
rgb(123,129,144)
-
#868c99
#868c99
rgb(134,140,153)
-
#9096a2
#9096a2
rgb(144,150,162)
-
#9ba0ab
#9ba0ab
rgb(155,160,171)
-
#a6aab4
#a6aab4
rgb(166,170,180)
-
#b0b4bd
#b0b4bd
rgb(176,180,189)
-
#bbbec6
#bbbec6
rgb(187,190,198)
-
#c6c8cf
#c6c8cf
rgb(198,200,207)
-
#d0d3d8
#d0d3d8
rgb(208,211,216)
-
#dbdde1
#dbdde1
rgb(219,221,225)
-
#e6e7ea
#e6e7ea
rgb(230,231,234)
-
#f0f1f3
#f0f1f3
rgb(240,241,243)
-
#fbfbfc
#fbfbfc
rgb(251,251,252)
Tones of #686e7c
A tone is produced by adding gray to any pure hue. In this case, #717273 is the less saturated color, while #0847dc is the most saturated one.
-
#717273
#717273
rgb(113,114,115)
-
#686e7c
#686e7c
rgb(104,110,124)
-
#5f6a85
#5f6a85
rgb(95,106,133)
-
#56678e
#56678e
rgb(86,103,142)
-
#4e6396
#4e6396
rgb(78,99,150)
-
#45609f
#45609f
rgb(69,96,159)
-
#3c5ca8
#3c5ca8
rgb(60,92,168)
-
#3359b1
#3359b1
rgb(51,89,177)
-
#2b55b9
#2b55b9
rgb(43,85,185)
-
#2252c2
#2252c2
rgb(34,82,194)
-
#194ecb
#194ecb
rgb(25,78,203)
-
#104bd4
#104bd4
rgb(16,75,212)
-
#0847dc
#0847dc
rgb(8,71,220)
Color Blindness Simulator
Below, you can see how #686e7c 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.