#686785 Color Information
In a RGB color space, hex #686785 is composed of 40.8% red, 40.4% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 21.8% cyan, 22.6% magenta, 0% yellow and 47.8% black. It has a hue angle of 242 degrees, a saturation of 12.7% and a lightness of 46.3%. #686785 color hex could be obtained by blending #d0ceff with #00000b. Closest websafe color is: #666699.
-
- R 41
- G 40
- B 52
-
- C 22
- M 23
- Y 0
- K 48
● #686785 color description : Dark grayish blue.
#686785 Color Conversion
The hexadecimal color #686785 has RGB values of R:104, G:103, B:133 and CMYK values of C:0.22, M:0.23, Y:0, K:0.48. Its decimal value is 6842245.
Hex triplet | 686785 | #686785 |
---|---|---|
RGB Decimal | 104, 103, 133 | rgb(104,103,133) |
RGB Percent | 40.8, 40.4, 52.2 | rgb(40.8%,40.4%,52.2%) |
CMYK | 22, 23, 0, 48 | |
HSL | 242°, 12.7, 46.3 | hsl(242,12.7%,46.3%) |
HSV (or HSB) | 242°, 22.6, 52.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 44.712, 7.256, -16.433 |
---|---|
XYZ | 14.792, 14.337, 24.177 |
xyY | 0.277, 0.269, 14.337 |
CIE-LCH | 44.712, 17.964, 293.824 |
CIE-LUV | 44.712, -1.257, -24.186 |
Hunter-Lab | 37.864, 3.471, -11.353 |
Binary | 01101000, 01100111, 10000101 |
Color Schemes with #686785
Alternatives to #686785
Below, you can see some colors close to #686785. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686785 Preview
This text has a font color of #686785.
<span style="color:#686785;">Text here</span>
This paragraph has a background color of #686785.
<p style="background-color:#686785;">Content here</p>
This element has a border color of #686785.
<div style="border:1px solid #686785;">Content here</div>
.text {color:#686785;}
.background {background-color:#686785;}
.border {border:1px solid #686785;}
Shades and Tints of #686785
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 #f4f4f7 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#09090b
#09090b
rgb(9,9,11)
-
#121116
#121116
rgb(18,17,22)
-
#1a1a22
#1a1a22
rgb(26,26,34)
-
#23232d
#23232d
rgb(35,35,45)
-
#2b2b38
#2b2b38
rgb(43,43,56)
-
#343443
#343443
rgb(52,52,67)
-
#3d3c4e
#3d3c4e
rgb(61,60,78)
-
#454559
#454559
rgb(69,69,89)
-
#4e4d64
#4e4d64
rgb(78,77,100)
-
#57566f
#57566f
rgb(87,86,111)
-
#5f5e7a
#5f5e7a
rgb(95,94,122)
-
#686785
#686785
rgb(104,103,133)
-
#717090
#717090
rgb(113,112,144)
-
#7c7b99
#7c7b99
rgb(124,123,153)
-
#8786a1
#8786a1
rgb(135,134,161)
-
#9291aa
#9291aa
rgb(146,145,170)
-
#9d9cb2
#9d9cb2
rgb(157,156,178)
-
#a8a7bb
#a8a7bb
rgb(168,167,187)
-
#b3b2c3
#b3b2c3
rgb(179,178,195)
-
#bebdcc
#bebdcc
rgb(190,189,204)
-
#c8c8d4
#c8c8d4
rgb(200,200,212)
-
#d3d3dd
#d3d3dd
rgb(211,211,221)
-
#dedee6
#dedee6
rgb(222,222,230)
-
#e9e9ee
#e9e9ee
rgb(233,233,238)
-
#f4f4f7
#f4f4f7
rgb(244,244,247)
Tones of #686785
A tone is produced by adding gray to any pure hue. In this case, #70707c is the less saturated color, while #0b03e9 is the most saturated one.
-
#70707c
#70707c
rgb(112,112,124)
-
#686785
#686785
rgb(104,103,133)
-
#605e8e
#605e8e
rgb(96,94,142)
-
#575597
#575597
rgb(87,85,151)
-
#4f4ca0
#4f4ca0
rgb(79,76,160)
-
#4643a9
#4643a9
rgb(70,67,169)
-
#3e3ab2
#3e3ab2
rgb(62,58,178)
-
#3531bb
#3531bb
rgb(53,49,187)
-
#2d27c5
#2d27c5
rgb(45,39,197)
-
#241ece
#241ece
rgb(36,30,206)
-
#1c15d7
#1c15d7
rgb(28,21,215)
-
#130ce0
#130ce0
rgb(19,12,224)
-
#0b03e9
#0b03e9
rgb(11,3,233)
Color Blindness Simulator
Below, you can see how #686785 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.