#686b73 Color Information
In a RGB color space, hex #686b73 is composed of 40.8% red, 42% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 9.6% cyan, 7% magenta, 0% yellow and 54.9% black. It has a hue angle of 223.6 degrees, a saturation of 5% and a lightness of 42.9%. #686b73 color hex could be obtained by blending #d0d6e6 with #000000. Closest websafe color is: #666666.
-
- R 41
- G 42
- B 45
-
- C 10
- M 7
- Y 0
- K 55
● #686b73 color description : Dark grayish blue.
#686b73 Color Conversion
The hexadecimal color #686b73 has RGB values of R:104, G:107, B:115 and CMYK values of C:0.1, M:0.07, Y:0, K:0.55. Its decimal value is 6843251.
Hex triplet | 686b73 | #686b73 |
---|---|---|
RGB Decimal | 104, 107, 115 | rgb(104,107,115) |
RGB Percent | 40.8, 42, 45.1 | rgb(40.8%,42%,45.1%) |
CMYK | 10, 7, 0, 55 | |
HSL | 223.6°, 5, 42.9 | hsl(223.6,5%,42.9%) |
HSV (or HSB) | 223.6°, 9.6, 45.1 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 45.215, 0.58, -4.858 |
---|---|
XYZ | 14.061, 14.696, 18.315 |
xyY | 0.299, 0.312, 14.696 |
CIE-LCH | 45.215, 4.893, 276.805 |
CIE-LUV | 45.215, -2.075, -6.687 |
Hunter-Lab | 38.336, -1.618, -1.491 |
Binary | 01101000, 01101011, 01110011 |
Color Schemes with #686b73
Alternatives to #686b73
Below, you can see some colors close to #686b73. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686b73 Preview
This text has a font color of #686b73.
<span style="color:#686b73;">Text here</span>
This paragraph has a background color of #686b73.
<p style="background-color:#686b73;">Content here</p>
This element has a border color of #686b73.
<div style="border:1px solid #686b73;">Content here</div>
.text {color:#686b73;}
.background {background-color:#686b73;}
.border {border:1px solid #686b73;}
Shades and Tints of #686b73
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 #f6f7f7 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#0b0b0c
#0b0b0c
rgb(11,11,12)
-
#141516
#141516
rgb(20,21,22)
-
#1d1e21
#1d1e21
rgb(29,30,33)
-
#27282b
#27282b
rgb(39,40,43)
-
#303135
#303135
rgb(48,49,53)
-
#393b3f
#393b3f
rgb(57,59,63)
-
#43454a
#43454a
rgb(67,69,74)
-
#4c4e54
#4c4e54
rgb(76,78,84)
-
#55585e
#55585e
rgb(85,88,94)
-
#5f6169
#5f6169
rgb(95,97,105)
-
#686b73
#686b73
rgb(104,107,115)
-
#71757d
#71757d
rgb(113,117,125)
-
#7b7e87
#7b7e87
rgb(123,126,135)
-
#858891
#858891
rgb(133,136,145)
-
#8f929a
#8f929a
rgb(143,146,154)
-
#9a9ca3
#9a9ca3
rgb(154,156,163)
-
#a4a6ad
#a4a6ad
rgb(164,166,173)
-
#aeb0b6
#aeb0b6
rgb(174,176,182)
-
#b9babf
#b9babf
rgb(185,186,191)
-
#c3c4c9
#c3c4c9
rgb(195,196,201)
-
#cdced2
#cdced2
rgb(205,206,210)
-
#d7d9db
#d7d9db
rgb(215,217,219)
-
#e2e3e5
#e2e3e5
rgb(226,227,229)
-
#ecedee
#ecedee
rgb(236,237,238)
-
#f6f7f7
#f6f7f7
rgb(246,247,247)
Tones of #686b73
A tone is produced by adding gray to any pure hue. In this case, #686b73 is the less saturated color, while #033dd8 is the most saturated one.
-
#686b73
#686b73
rgb(104,107,115)
-
#60677b
#60677b
rgb(96,103,123)
-
#576384
#576384
rgb(87,99,132)
-
#4f608c
#4f608c
rgb(79,96,140)
-
#465c95
#465c95
rgb(70,92,149)
-
#3e589d
#3e589d
rgb(62,88,157)
-
#3554a6
#3554a6
rgb(53,84,166)
-
#2d50ae
#2d50ae
rgb(45,80,174)
-
#254cb6
#254cb6
rgb(37,76,182)
-
#1c49bf
#1c49bf
rgb(28,73,191)
-
#1445c7
#1445c7
rgb(20,69,199)
-
#0b41d0
#0b41d0
rgb(11,65,208)
-
#033dd8
#033dd8
rgb(3,61,216)
Color Blindness Simulator
Below, you can see how #686b73 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.