#686e84 Color Information
In a RGB color space, hex #686e84 is composed of 40.8% red, 43.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 16.7% magenta, 0% yellow and 48.2% black. It has a hue angle of 227.1 degrees, a saturation of 11.9% and a lightness of 46.3%. #686e84 color hex could be obtained by blending #d0dcff with #000009. Closest websafe color is: #666699.
-
- R 41
- G 43
- B 52
-
- C 21
- M 17
- Y 0
- K 48
● #686e84 color description : Dark grayish blue.
#686e84 Color Conversion
The hexadecimal color #686e84 has RGB values of R:104, G:110, B:132 and CMYK values of C:0.21, M:0.17, Y:0, K:0.48. Its decimal value is 6844036.
Hex triplet | 686e84 | #686e84 |
---|---|---|
RGB Decimal | 104, 110, 132 | rgb(104,110,132) |
RGB Percent | 40.8, 43.1, 51.8 | rgb(40.8%,43.1%,51.8%) |
CMYK | 21, 17, 0, 48 | |
HSL | 227.1°, 11.9, 46.3 | hsl(227.1,11.9%,46.3%) |
HSV (or HSB) | 227.1°, 21.2, 51.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 46.659, 2.789, -12.876 |
---|---|
XYZ | 15.449, 15.761, 24.057 |
xyY | 0.28, 0.285, 15.761 |
CIE-LCH | 46.659, 13.174, 282.222 |
CIE-LUV | 46.659, -4.325, -18.548 |
Hunter-Lab | 39.7, -0.012, -8.138 |
Binary | 01101000, 01101110, 10000100 |
Color Schemes with #686e84
Alternatives to #686e84
Below, you can see some colors close to #686e84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686e84 Preview
This text has a font color of #686e84.
<span style="color:#686e84;">Text here</span>
This paragraph has a background color of #686e84.
<p style="background-color:#686e84;">Content here</p>
This element has a border color of #686e84.
<div style="border:1px solid #686e84;">Content here</div>
.text {color:#686e84;}
.background {background-color:#686e84;}
.border {border:1px solid #686e84;}
Shades and Tints of #686e84
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, #000000 is the darkest color, while #f4f5f7 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#09090b
#09090b
rgb(9,9,11)
-
#121316
#121316
rgb(18,19,22)
-
#1a1c21
#1a1c21
rgb(26,28,33)
-
#23252c
#23252c
rgb(35,37,44)
-
#2b2e37
#2b2e37
rgb(43,46,55)
-
#343742
#343742
rgb(52,55,66)
-
#3d404d
#3d404d
rgb(61,64,77)
-
#454958
#454958
rgb(69,73,88)
-
#4e5363
#4e5363
rgb(78,83,99)
-
#575c6e
#575c6e
rgb(87,92,110)
-
#5f6579
#5f6579
rgb(95,101,121)
-
#686e84
#686e84
rgb(104,110,132)
-
#71778f
#71778f
rgb(113,119,143)
-
#7c8298
#7c8298
rgb(124,130,152)
-
#878ca0
#878ca0
rgb(135,140,160)
-
#9297a9
#9297a9
rgb(146,151,169)
-
#9da1b1
#9da1b1
rgb(157,161,177)
-
#a8acba
#a8acba
rgb(168,172,186)
-
#b3b6c3
#b3b6c3
rgb(179,182,195)
-
#bec0cb
#bec0cb
rgb(190,192,203)
-
#c8cbd4
#c8cbd4
rgb(200,203,212)
-
#d3d5dd
#d3d5dd
rgb(211,213,221)
-
#dee0e5
#dee0e5
rgb(222,224,229)
-
#e9eaee
#e9eaee
rgb(233,234,238)
-
#f4f5f7
#f4f5f7
rgb(244,245,247)
Tones of #686e84
A tone is produced by adding gray to any pure hue. In this case, #71737b is the less saturated color, while #0435e8 is the most saturated one.
-
#71737b
#71737b
rgb(113,115,123)
-
#686e84
#686e84
rgb(104,110,132)
-
#5f698d
#5f698d
rgb(95,105,141)
-
#566496
#566496
rgb(86,100,150)
-
#4d5e9f
#4d5e9f
rgb(77,94,159)
-
#4459a8
#4459a8
rgb(68,89,168)
-
#3b54b1
#3b54b1
rgb(59,84,177)
-
#324fba
#324fba
rgb(50,79,186)
-
#284ac4
#284ac4
rgb(40,74,196)
-
#1f45cd
#1f45cd
rgb(31,69,205)
-
#163fd6
#163fd6
rgb(22,63,214)
-
#0d3adf
#0d3adf
rgb(13,58,223)
-
#0435e8
#0435e8
rgb(4,53,232)
Color Blindness Simulator
Below, you can see how #686e84 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.