#686b78 Color Information
In a RGB color space, hex #686b78 is composed of 40.8% red, 42% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 10.8% magenta, 0% yellow and 52.9% black. It has a hue angle of 228.8 degrees, a saturation of 7.1% and a lightness of 43.9%. #686b78 color hex could be obtained by blending #d0d6f0 with #000000. Closest websafe color is: #666666.
-
- R 41
- G 42
- B 47
-
- C 13
- M 11
- Y 0
- K 53
● #686b78 color description : Dark grayish blue.
#686b78 Color Conversion
The hexadecimal color #686b78 has RGB values of R:104, G:107, B:120 and CMYK values of C:0.13, M:0.11, Y:0, K:0.53. Its decimal value is 6843256.
Hex triplet | 686b78 | #686b78 |
---|---|---|
RGB Decimal | 104, 107, 120 | rgb(104,107,120) |
RGB Percent | 40.8, 42, 47.1 | rgb(40.8%,42%,47.1%) |
CMYK | 13, 11, 0, 53 | |
HSL | 228.8°, 7.1, 43.9 | hsl(228.8,7.1%,43.9%) |
HSV (or HSB) | 228.8°, 13.3, 47.1 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 45.379, 1.714, -7.619 |
---|---|
XYZ | 14.356, 14.814, 19.871 |
xyY | 0.293, 0.302, 14.814 |
CIE-LCH | 45.379, 7.81, 282.679 |
CIE-LUV | 45.379, -2.336, -10.726 |
Hunter-Lab | 38.489, -0.778, -3.668 |
Binary | 01101000, 01101011, 01111000 |
Color Schemes with #686b78
Alternatives to #686b78
Below, you can see some colors close to #686b78. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686b78 Preview
This text has a font color of #686b78.
<span style="color:#686b78;">Text here</span>
This paragraph has a background color of #686b78.
<p style="background-color:#686b78;">Content here</p>
This element has a border color of #686b78.
<div style="border:1px solid #686b78;">Content here</div>
.text {color:#686b78;}
.background {background-color:#686b78;}
.border {border:1px solid #686b78;}
Shades and Tints of #686b78
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)
-
#0d0d0f
#0d0d0f
rgb(13,13,15)
-
#161719
#161719
rgb(22,23,25)
-
#1f2024
#1f2024
rgb(31,32,36)
-
#28292e
#28292e
rgb(40,41,46)
-
#313339
#313339
rgb(49,51,57)
-
#3a3c43
#3a3c43
rgb(58,60,67)
-
#44464e
#44464e
rgb(68,70,78)
-
#4d4f58
#4d4f58
rgb(77,79,88)
-
#565863
#565863
rgb(86,88,99)
-
#5f626d
#5f626d
rgb(95,98,109)
-
#686b78
#686b78
rgb(104,107,120)
-
#717483
#717483
rgb(113,116,131)
-
#7b7e8c
#7b7e8c
rgb(123,126,140)
-
#858896
#858896
rgb(133,136,150)
-
#90939f
#90939f
rgb(144,147,159)
-
#9a9da8
#9a9da8
rgb(154,157,168)
-
#a5a7b1
#a5a7b1
rgb(165,167,177)
-
#afb1ba
#afb1ba
rgb(175,177,186)
-
#babcc3
#babcc3
rgb(186,188,195)
-
#c4c6cc
#c4c6cc
rgb(196,198,204)
-
#cfd0d5
#cfd0d5
rgb(207,208,213)
-
#d9dade
#d9dade
rgb(217,218,222)
-
#e4e5e8
#e4e5e8
rgb(228,229,232)
-
#eeeff1
#eeeff1
rgb(238,239,241)
-
#f9f9fa
#f9f9fa
rgb(249,249,250)
Tones of #686b78
A tone is produced by adding gray to any pure hue. In this case, #686b78 is the less saturated color, while #012adf is the most saturated one.
-
#686b78
#686b78
rgb(104,107,120)
-
#5f6681
#5f6681
rgb(95,102,129)
-
#576089
#576089
rgb(87,96,137)
-
#4e5b92
#4e5b92
rgb(78,91,146)
-
#46559a
#46559a
rgb(70,85,154)
-
#3d50a3
#3d50a3
rgb(61,80,163)
-
#344bac
#344bac
rgb(52,75,172)
-
#2c45b4
#2c45b4
rgb(44,69,180)
-
#2340bd
#2340bd
rgb(35,64,189)
-
#1a3bc6
#1a3bc6
rgb(26,59,198)
-
#1235ce
#1235ce
rgb(18,53,206)
-
#0930d7
#0930d7
rgb(9,48,215)
-
#012adf
#012adf
rgb(1,42,223)
Color Blindness Simulator
Below, you can see how #686b78 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.