#686e74 Color Information
In a RGB color space, hex #686e74 is composed of 40.8% red, 43.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 5.2% magenta, 0% yellow and 54.5% black. It has a hue angle of 210 degrees, a saturation of 5.5% and a lightness of 43.1%. #686e74 color hex could be obtained by blending #d0dce8 with #000000. Closest websafe color is: #666666.
-
- R 41
- G 43
- B 45
-
- C 10
- M 5
- Y 0
- K 55
● #686e74 color description : Dark grayish blue.
#686e74 Color Conversion
The hexadecimal color #686e74 has RGB values of R:104, G:110, B:116 and CMYK values of C:0.1, M:0.05, Y:0, K:0.55. Its decimal value is 6844020.
Hex triplet | 686e74 | #686e74 |
---|---|---|
RGB Decimal | 104, 110, 116 | rgb(104,110,116) |
RGB Percent | 40.8, 43.1, 45.5 | rgb(40.8%,43.1%,45.5%) |
CMYK | 10, 5, 0, 55 | |
HSL | 210°, 5.5, 43.1 | hsl(210,5.5%,43.1%) |
HSV (or HSB) | 210°, 10.3, 45.5 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 46.118, -0.973, -4.122 |
---|---|
XYZ | 14.437, 15.356, 18.725 |
xyY | 0.298, 0.316, 15.356 |
CIE-LCH | 46.118, 4.235, 256.716 |
CIE-LUV | 46.118, -3.572, -5.466 |
Hunter-Lab | 39.186, -2.815, -0.902 |
Binary | 01101000, 01101110, 01110100 |
Color Schemes with #686e74
Alternatives to #686e74
Below, you can see some colors close to #686e74. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686e74 Preview
This text has a font color of #686e74.
<span style="color:#686e74;">Text here</span>
This paragraph has a background color of #686e74.
<p style="background-color:#686e74;">Content here</p>
This element has a border color of #686e74.
<div style="border:1px solid #686e74;">Content here</div>
.text {color:#686e74;}
.background {background-color:#686e74;}
.border {border:1px solid #686e74;}
Shades and Tints of #686e74
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)
-
#27292c
#27292c
rgb(39,41,44)
-
#303336
#303336
rgb(48,51,54)
-
#3a3d40
#3a3d40
rgb(58,61,64)
-
#43474b
#43474b
rgb(67,71,75)
-
#4c5155
#4c5155
rgb(76,81,85)
-
#555a5f
#555a5f
rgb(85,90,95)
-
#5f646a
#5f646a
rgb(95,100,106)
-
#686e74
#686e74
rgb(104,110,116)
-
#71787e
#71787e
rgb(113,120,126)
-
#7b8288
#7b8288
rgb(123,130,136)
-
#858b92
#858b92
rgb(133,139,146)
-
#8f959b
#8f959b
rgb(143,149,155)
-
#9a9fa4
#9a9fa4
rgb(154,159,164)
-
#a4a9ae
#a4a9ae
rgb(164,169,174)
-
#aeb3b7
#aeb3b7
rgb(174,179,183)
-
#b9bcc0
#b9bcc0
rgb(185,188,192)
-
#c3c6c9
#c3c6c9
rgb(195,198,201)
-
#ced0d3
#ced0d3
rgb(206,208,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 #686e74
A tone is produced by adding gray to any pure hue. In this case, #686e74 is the less saturated color, while #026eda is the most saturated one.
-
#686e74
#686e74
rgb(104,110,116)
-
#606e7c
#606e7c
rgb(96,110,124)
-
#576e85
#576e85
rgb(87,110,133)
-
#4f6e8d
#4f6e8d
rgb(79,110,141)
-
#466e96
#466e96
rgb(70,110,150)
-
#3e6e9e
#3e6e9e
rgb(62,110,158)
-
#356ea7
#356ea7
rgb(53,110,167)
-
#2d6eaf
#2d6eaf
rgb(45,110,175)
-
#246eb8
#246eb8
rgb(36,110,184)
-
#1c6ec0
#1c6ec0
rgb(28,110,192)
-
#136ec9
#136ec9
rgb(19,110,201)
-
#0b6ed1
#0b6ed1
rgb(11,110,209)
-
#026eda
#026eda
rgb(2,110,218)
Color Blindness Simulator
Below, you can see how #686e74 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.