#686774 Color Information
In a RGB color space, hex #686774 is composed of 40.8% red, 40.4% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 11.2% magenta, 0% yellow and 54.5% black. It has a hue angle of 244.6 degrees, a saturation of 5.9% and a lightness of 42.9%. #686774 color hex could be obtained by blending #d0cee8 with #000000. Closest websafe color is: #666666.
-
- R 41
- G 40
- B 45
-
- C 10
- M 11
- Y 0
- K 55
● #686774 color description : Dark grayish blue.
#686774 Color Conversion
The hexadecimal color #686774 has RGB values of R:104, G:103, B:116 and CMYK values of C:0.1, M:0.11, Y:0, K:0.55. Its decimal value is 6842228.
Hex triplet | 686774 | #686774 |
---|---|---|
RGB Decimal | 104, 103, 116 | rgb(104,103,116) |
RGB Percent | 40.8, 40.4, 45.5 | rgb(40.8%,40.4%,45.5%) |
CMYK | 10, 11, 0, 55 | |
HSL | 244.6°, 5.9, 42.9 | hsl(244.6,5.9%,42.9%) |
HSV (or HSB) | 244.6°, 11.2, 45.5 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 44.096, 3.196, -7.127 |
---|---|
XYZ | 13.711, 13.904, 18.484 |
xyY | 0.297, 0.302, 13.904 |
CIE-LCH | 44.096, 7.811, 294.152 |
CIE-LUV | 44.096, -0.21, -10.176 |
Hunter-Lab | 37.289, 0.379, -3.287 |
Binary | 01101000, 01100111, 01110100 |
Color Schemes with #686774
Alternatives to #686774
Below, you can see some colors close to #686774. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686774 Preview
This text has a font color of #686774.
<span style="color:#686774;">Text here</span>
This paragraph has a background color of #686774.
<p style="background-color:#686774;">Content here</p>
This element has a border color of #686774.
<div style="border:1px solid #686774;">Content here</div>
.text {color:#686774;}
.background {background-color:#686774;}
.border {border:1px solid #686774;}
Shades and Tints of #686774
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 #f6f6f7 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#0b0b0c
#0b0b0c
rgb(11,11,12)
-
#141416
#141416
rgb(20,20,22)
-
#1d1d21
#1d1d21
rgb(29,29,33)
-
#27262b
#27262b
rgb(39,38,43)
-
#303036
#303036
rgb(48,48,54)
-
#393940
#393940
rgb(57,57,64)
-
#43424a
#43424a
rgb(67,66,74)
-
#4c4b55
#4c4b55
rgb(76,75,85)
-
#55555f
#55555f
rgb(85,85,95)
-
#5f5e6a
#5f5e6a
rgb(95,94,106)
-
#686774
#686774
rgb(104,103,116)
-
#71707e
#71707e
rgb(113,112,126)
-
#7b7a89
#7b7a89
rgb(123,122,137)
-
#858492
#858492
rgb(133,132,146)
-
#8f8e9b
#8f8e9b
rgb(143,142,155)
-
#9a99a4
#9a99a4
rgb(154,153,164)
-
#a4a3ad
#a4a3ad
rgb(164,163,173)
-
#aeaeb7
#aeaeb7
rgb(174,174,183)
-
#b9b8c0
#b9b8c0
rgb(185,184,192)
-
#c3c2c9
#c3c2c9
rgb(195,194,201)
-
#cdcdd2
#cdcdd2
rgb(205,205,210)
-
#d7d7dc
#d7d7dc
rgb(215,215,220)
-
#e2e2e5
#e2e2e5
rgb(226,226,229)
-
#ececee
#ececee
rgb(236,236,238)
-
#f6f6f7
#f6f6f7
rgb(246,246,247)
Tones of #686774
A tone is produced by adding gray to any pure hue. In this case, #686774 is the less saturated color, while #1202d9 is the most saturated one.
-
#686774
#686774
rgb(104,103,116)
-
#615f7c
#615f7c
rgb(97,95,124)
-
#5a5685
#5a5685
rgb(90,86,133)
-
#534e8d
#534e8d
rgb(83,78,141)
-
#4b4596
#4b4596
rgb(75,69,150)
-
#443d9e
#443d9e
rgb(68,61,158)
-
#3d34a7
#3d34a7
rgb(61,52,167)
-
#362caf
#362caf
rgb(54,44,175)
-
#2f24b7
#2f24b7
rgb(47,36,183)
-
#281bc0
#281bc0
rgb(40,27,192)
-
#2113c8
#2113c8
rgb(33,19,200)
-
#1a0ad1
#1a0ad1
rgb(26,10,209)
-
#1202d9
#1202d9
rgb(18,2,217)
Color Blindness Simulator
Below, you can see how #686774 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.