#686477 Color Information
In a RGB color space, hex #686477 is composed of 40.8% red, 39.2% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 12.6% cyan, 16% magenta, 0% yellow and 53.3% black. It has a hue angle of 252.6 degrees, a saturation of 8.7% and a lightness of 42.9%. #686477 color hex could be obtained by blending #d0c8ee with #000000. Closest websafe color is: #666666.
-
- R 41
- G 39
- B 47
-
- C 13
- M 16
- Y 0
- K 53
● #686477 color description : Dark grayish blue.
#686477 Color Conversion
The hexadecimal color #686477 has RGB values of R:104, G:100, B:119 and CMYK values of C:0.13, M:0.16, Y:0, K:0.53. Its decimal value is 6841463.
Hex triplet | 686477 | #686477 |
---|---|---|
RGB Decimal | 104, 100, 119 | rgb(104,100,119) |
RGB Percent | 40.8, 39.2, 46.7 | rgb(40.8%,39.2%,46.7%) |
CMYK | 13, 16, 0, 53 | |
HSL | 252.6°, 8.7, 42.9 | hsl(252.6,8.7%,42.9%) |
HSV (or HSB) | 252.6°, 16, 46.7 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 43.344, 5.696, -10.069 |
---|---|
XYZ | 13.595, 13.389, 19.32 |
xyY | 0.294, 0.289, 13.389 |
CIE-LCH | 43.344, 11.568, 299.496 |
CIE-LUV | 43.344, 1.015, -14.622 |
Hunter-Lab | 36.591, 2.286, -5.691 |
Binary | 01101000, 01100100, 01110111 |
Color Schemes with #686477
Alternatives to #686477
Below, you can see some colors close to #686477. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686477 Preview
This text has a font color of #686477.
<span style="color:#686477;">Text here</span>
This paragraph has a background color of #686477.
<p style="background-color:#686477;">Content here</p>
This element has a border color of #686477.
<div style="border:1px solid #686477;">Content here</div>
.text {color:#686477;}
.background {background-color:#686477;}
.border {border:1px solid #686477;}
Shades and Tints of #686477
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, #020102 is the darkest color, while #f6f6f8 is the lightest one.
-
#020102
#020102
rgb(2,1,2)
-
#0b0a0c
#0b0a0c
rgb(11,10,12)
-
#141317
#141317
rgb(20,19,23)
-
#1d1c22
#1d1c22
rgb(29,28,34)
-
#27252c
#27252c
rgb(39,37,44)
-
#302e37
#302e37
rgb(48,46,55)
-
#393742
#393742
rgb(57,55,66)
-
#43404c
#43404c
rgb(67,64,76)
-
#4c4957
#4c4957
rgb(76,73,87)
-
#555262
#555262
rgb(85,82,98)
-
#5f5b6c
#5f5b6c
rgb(95,91,108)
-
#686477
#686477
rgb(104,100,119)
-
#716d82
#716d82
rgb(113,109,130)
-
#7b768c
#7b768c
rgb(123,118,140)
-
#858195
#858195
rgb(133,129,149)
-
#8f8c9e
#8f8c9e
rgb(143,140,158)
-
#9a96a7
#9a96a7
rgb(154,150,167)
-
#a4a1b0
#a4a1b0
rgb(164,161,176)
-
#aeabb9
#aeabb9
rgb(174,171,185)
-
#b9b6c2
#b9b6c2
rgb(185,182,194)
-
#c3c1cb
#c3c1cb
rgb(195,193,203)
-
#cdcbd4
#cdcbd4
rgb(205,203,212)
-
#d7d6dd
#d7d6dd
rgb(215,214,221)
-
#e2e1e6
#e2e1e6
rgb(226,225,230)
-
#ecebef
#ecebef
rgb(236,235,239)
-
#f6f6f8
#f6f6f8
rgb(246,246,248)
Tones of #686477
A tone is produced by adding gray to any pure hue. In this case, #6d6c6f is the less saturated color, while #3207d4 is the most saturated one.
-
#6d6c6f
#6d6c6f
rgb(109,108,111)
-
#686477
#686477
rgb(104,100,119)
-
#635c7f
#635c7f
rgb(99,92,127)
-
#5e5388
#5e5388
rgb(94,83,136)
-
#594b90
#594b90
rgb(89,75,144)
-
#544299
#544299
rgb(84,66,153)
-
#503aa1
#503aa1
rgb(80,58,161)
-
#4b31aa
#4b31aa
rgb(75,49,170)
-
#4629b2
#4629b2
rgb(70,41,178)
-
#4121ba
#4121ba
rgb(65,33,186)
-
#3c18c3
#3c18c3
rgb(60,24,195)
-
#3710cb
#3710cb
rgb(55,16,203)
-
#3207d4
#3207d4
rgb(50,7,212)
Color Blindness Simulator
Below, you can see how #686477 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.