#686775 Color Information
In a RGB color space, hex #686775 is composed of 40.8% red, 40.4% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 11.1% cyan, 12% magenta, 0% yellow and 54.1% black. It has a hue angle of 244.3 degrees, a saturation of 6.4% and a lightness of 43.1%. #686775 color hex could be obtained by blending #d0ceea with #000000. Closest websafe color is: #666666.
-
- R 41
- G 40
- B 46
-
- C 11
- M 12
- Y 0
- K 54
● #686775 color description : Dark grayish blue.
#686775 Color Conversion
The hexadecimal color #686775 has RGB values of R:104, G:103, B:117 and CMYK values of C:0.11, M:0.12, Y:0, K:0.54. Its decimal value is 6842229.
Hex triplet | 686775 | #686775 |
---|---|---|
RGB Decimal | 104, 103, 117 | rgb(104,103,117) |
RGB Percent | 40.8, 40.4, 45.9 | rgb(40.8%,40.4%,45.9%) |
CMYK | 11, 12, 0, 54 | |
HSL | 244.3°, 6.4, 43.1 | hsl(244.3,6.4%,43.1%) |
HSV (or HSB) | 244.3°, 12, 45.9 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 44.129, 3.423, -7.681 |
---|---|
XYZ | 13.769, 13.928, 18.792 |
xyY | 0.296, 0.3, 13.928 |
CIE-LCH | 44.129, 8.409, 294.02 |
CIE-LUV | 44.129, -0.271, -10.986 |
Hunter-Lab | 37.32, 0.549, -3.73 |
Binary | 01101000, 01100111, 01110101 |
Color Schemes with #686775
Alternatives to #686775
Below, you can see some colors close to #686775. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686775 Preview
This text has a font color of #686775.
<span style="color:#686775;">Text here</span>
This paragraph has a background color of #686775.
<p style="background-color:#686775;">Content here</p>
This element has a border color of #686775.
<div style="border:1px solid #686775;">Content here</div>
.text {color:#686775;}
.background {background-color:#686775;}
.border {border:1px solid #686775;}
Shades and Tints of #686775
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, #020202 is the darkest color, while #f7f7f8 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#0b0b0d
#0b0b0d
rgb(11,11,13)
-
#151417
#151417
rgb(21,20,23)
-
#1e1e22
#1e1e22
rgb(30,30,34)
-
#27272c
#27272c
rgb(39,39,44)
-
#303036
#303036
rgb(48,48,54)
-
#3a3941
#3a3941
rgb(58,57,65)
-
#43424b
#43424b
rgb(67,66,75)
-
#4c4b56
#4c4b56
rgb(76,75,86)
-
#555560
#555560
rgb(85,85,96)
-
#5f5e6b
#5f5e6b
rgb(95,94,107)
-
#686775
#686775
rgb(104,103,117)
-
#71707f
#71707f
rgb(113,112,127)
-
#7b7a8a
#7b7a8a
rgb(123,122,138)
-
#858493
#858493
rgb(133,132,147)
-
#8f8f9c
#8f8f9c
rgb(143,143,156)
-
#9a99a5
#9a99a5
rgb(154,153,165)
-
#a4a3ae
#a4a3ae
rgb(164,163,174)
-
#aeaeb8
#aeaeb8
rgb(174,174,184)
-
#b9b8c1
#b9b8c1
rgb(185,184,193)
-
#c3c3ca
#c3c3ca
rgb(195,195,202)
-
#cecdd3
#cecdd3
rgb(206,205,211)
-
#d8d8dc
#d8d8dc
rgb(216,216,220)
-
#e2e2e5
#e2e2e5
rgb(226,226,229)
-
#edecef
#edecef
rgb(237,236,239)
-
#f7f7f8
#f7f7f8
rgb(247,247,248)
Tones of #686775
A tone is produced by adding gray to any pure hue. In this case, #686775 is the less saturated color, while #1101db is the most saturated one.
-
#686775
#686775
rgb(104,103,117)
-
#615f7d
#615f7d
rgb(97,95,125)
-
#595686
#595686
rgb(89,86,134)
-
#524e8e
#524e8e
rgb(82,78,142)
-
#4b4597
#4b4597
rgb(75,69,151)
-
#443d9f
#443d9f
rgb(68,61,159)
-
#3c34a8
#3c34a8
rgb(60,52,168)
-
#352cb0
#352cb0
rgb(53,44,176)
-
#2e23b9
#2e23b9
rgb(46,35,185)
-
#271bc1
#271bc1
rgb(39,27,193)
-
#1f12ca
#1f12ca
rgb(31,18,202)
-
#180ad2
#180ad2
rgb(24,10,210)
-
#1101db
#1101db
rgb(17,1,219)
Color Blindness Simulator
Below, you can see how #686775 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.