#686f78 Color Information
In a RGB color space, hex #686f78 is composed of 40.8% red, 43.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 7.5% magenta, 0% yellow and 52.9% black. It has a hue angle of 213.8 degrees, a saturation of 7.1% and a lightness of 43.9%. #686f78 color hex could be obtained by blending #d0def0 with #000000. Closest websafe color is: #666666.
-
- R 41
- G 44
- B 47
-
- C 13
- M 8
- Y 0
- K 53
● #686f78 color description : Dark grayish blue.
#686f78 Color Conversion
The hexadecimal color #686f78 has RGB values of R:104, G:111, B:120 and CMYK values of C:0.13, M:0.08, Y:0, K:0.53. Its decimal value is 6844280.
Hex triplet | 686f78 | #686f78 |
---|---|---|
RGB Decimal | 104, 111, 120 | rgb(104,111,120) |
RGB Percent | 40.8, 43.5, 47.1 | rgb(40.8%,43.5%,47.1%) |
CMYK | 13, 8, 0, 53 | |
HSL | 213.8°, 7.1, 43.9 | hsl(213.8,7.1%,43.9%) |
HSV (or HSB) | 213.8°, 13.3, 47.1 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 46.536, -0.659, -5.895 |
---|---|
XYZ | 14.783, 15.668, 20.014 |
xyY | 0.293, 0.31, 15.668 |
CIE-LCH | 46.536, 5.932, 263.621 |
CIE-LUV | 46.536, -4.232, -8.004 |
Hunter-Lab | 39.583, -2.606, -2.27 |
Binary | 01101000, 01101111, 01111000 |
Color Schemes with #686f78
Alternatives to #686f78
Below, you can see some colors close to #686f78. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686f78 Preview
This text has a font color of #686f78.
<span style="color:#686f78;">Text here</span>
This paragraph has a background color of #686f78.
<p style="background-color:#686f78;">Content here</p>
This element has a border color of #686f78.
<div style="border:1px solid #686f78;">Content here</div>
.text {color:#686f78;}
.background {background-color:#686f78;}
.border {border:1px solid #686f78;}
Shades and Tints of #686f78
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, #040404 is the darkest color, while #f9f9fa is the lightest one.
-
#040404
#040404
rgb(4,4,4)
-
#0d0e0f
#0d0e0f
rgb(13,14,15)
-
#161819
#161819
rgb(22,24,25)
-
#1f2124
#1f2124
rgb(31,33,36)
-
#282b2e
#282b2e
rgb(40,43,46)
-
#313539
#313539
rgb(49,53,57)
-
#3a3e43
#3a3e43
rgb(58,62,67)
-
#44484e
#44484e
rgb(68,72,78)
-
#4d5258
#4d5258
rgb(77,82,88)
-
#565c63
#565c63
rgb(86,92,99)
-
#5f656d
#5f656d
rgb(95,101,109)
-
#686f78
#686f78
rgb(104,111,120)
-
#717983
#717983
rgb(113,121,131)
-
#7b838c
#7b838c
rgb(123,131,140)
-
#858c96
#858c96
rgb(133,140,150)
-
#90969f
#90969f
rgb(144,150,159)
-
#9aa0a8
#9aa0a8
rgb(154,160,168)
-
#a5aab1
#a5aab1
rgb(165,170,177)
-
#afb4ba
#afb4ba
rgb(175,180,186)
-
#babec3
#babec3
rgb(186,190,195)
-
#c4c8cc
#c4c8cc
rgb(196,200,204)
-
#cfd2d5
#cfd2d5
rgb(207,210,213)
-
#d9dcde
#d9dcde
rgb(217,220,222)
-
#e4e5e8
#e4e5e8
rgb(228,229,232)
-
#eeeff1
#eeeff1
rgb(238,239,241)
-
#f9f9fa
#f9f9fa
rgb(249,249,250)
Tones of #686f78
A tone is produced by adding gray to any pure hue. In this case, #686f78 is the less saturated color, while #0162df is the most saturated one.
-
#686f78
#686f78
rgb(104,111,120)
-
#5f6e81
#5f6e81
rgb(95,110,129)
-
#576d89
#576d89
rgb(87,109,137)
-
#4e6c92
#4e6c92
rgb(78,108,146)
-
#466b9a
#466b9a
rgb(70,107,154)
-
#3d6aa3
#3d6aa3
rgb(61,106,163)
-
#3469ac
#3469ac
rgb(52,105,172)
-
#2c67b4
#2c67b4
rgb(44,103,180)
-
#2366bd
#2366bd
rgb(35,102,189)
-
#1a65c6
#1a65c6
rgb(26,101,198)
-
#1264ce
#1264ce
rgb(18,100,206)
-
#0963d7
#0963d7
rgb(9,99,215)
-
#0162df
#0162df
rgb(1,98,223)
Color Blindness Simulator
Below, you can see how #686f78 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.