#676e78 Color Information
In a RGB color space, hex #676e78 is composed of 40.4% red, 43.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 8.3% magenta, 0% yellow and 52.9% black. It has a hue angle of 215.3 degrees, a saturation of 7.6% and a lightness of 43.7%. #676e78 color hex could be obtained by blending #cedcf0 with #000000. Closest websafe color is: #666666.
-
- R 40
- G 43
- B 47
-
- C 14
- M 8
- Y 0
- K 53
● #676e78 color description : Dark grayish blue.
#676e78 Color Conversion
The hexadecimal color #676e78 has RGB values of R:103, G:110, B:120 and CMYK values of C:0.14, M:0.08, Y:0, K:0.53. Its decimal value is 6778488.
Hex triplet | 676e78 | #676e78 |
---|---|---|
RGB Decimal | 103, 110, 120 | rgb(103,110,120) |
RGB Percent | 40.4, 43.1, 47.1 | rgb(40.4%,43.1%,47.1%) |
CMYK | 14, 8, 0, 53 | |
HSL | 215.3°, 7.6, 43.7 | hsl(215.3,7.6%,43.7%) |
HSV (or HSB) | 215.3°, 14.2, 47.1 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 46.166, -0.428, -6.454 |
---|---|
XYZ | 14.559, 15.391, 19.972 |
xyY | 0.292, 0.308, 15.391 |
CIE-LCH | 46.166, 6.469, 266.202 |
CIE-LUV | 46.166, -4.272, -8.81 |
Hunter-Lab | 39.232, -2.414, -2.721 |
Binary | 01100111, 01101110, 01111000 |
Color Schemes with #676e78
Alternatives to #676e78
Below, you can see some colors close to #676e78. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676e78 Preview
This text has a font color of #676e78.
<span style="color:#676e78;">Text here</span>
This paragraph has a background color of #676e78.
<p style="background-color:#676e78;">Content here</p>
This element has a border color of #676e78.
<div style="border:1px solid #676e78;">Content here</div>
.text {color:#676e78;}
.background {background-color:#676e78;}
.border {border:1px solid #676e78;}
Shades and Tints of #676e78
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, #030404 is the darkest color, while #f8f9f9 is the lightest one.
-
#030404
#030404
rgb(3,4,4)
-
#0c0d0e
#0c0d0e
rgb(12,13,14)
-
#151719
#151719
rgb(21,23,25)
-
#1f2124
#1f2124
rgb(31,33,36)
-
#282a2e
#282a2e
rgb(40,42,46)
-
#313439
#313439
rgb(49,52,57)
-
#3a3e43
#3a3e43
rgb(58,62,67)
-
#43474e
#43474e
rgb(67,71,78)
-
#4c5158
#4c5158
rgb(76,81,88)
-
#555b63
#555b63
rgb(85,91,99)
-
#5e646d
#5e646d
rgb(94,100,109)
-
#676e78
#676e78
rgb(103,110,120)
-
#707883
#707883
rgb(112,120,131)
-
#7a818d
#7a818d
rgb(122,129,141)
-
#848b96
#848b96
rgb(132,139,150)
-
#8f959f
#8f959f
rgb(143,149,159)
-
#999fa8
#999fa8
rgb(153,159,168)
-
#a4a9b1
#a4a9b1
rgb(164,169,177)
-
#aeb3ba
#aeb3ba
rgb(174,179,186)
-
#b9bdc3
#b9bdc3
rgb(185,189,195)
-
#c4c7cc
#c4c7cc
rgb(196,199,204)
-
#ced1d5
#ced1d5
rgb(206,209,213)
-
#d9dbde
#d9dbde
rgb(217,219,222)
-
#e3e5e7
#e3e5e7
rgb(227,229,231)
-
#eeeff0
#eeeff0
rgb(238,239,240)
-
#f8f9f9
#f8f9f9
rgb(248,249,249)
Tones of #676e78
A tone is produced by adding gray to any pure hue. In this case, #676e78 is the less saturated color, while #005cdf is the most saturated one.
-
#676e78
#676e78
rgb(103,110,120)
-
#5e6c81
#5e6c81
rgb(94,108,129)
-
#566b89
#566b89
rgb(86,107,137)
-
#4d6992
#4d6992
rgb(77,105,146)
-
#45689a
#45689a
rgb(69,104,154)
-
#3c66a3
#3c66a3
rgb(60,102,163)
-
#3465ab
#3465ab
rgb(52,101,171)
-
#2b63b4
#2b63b4
rgb(43,99,180)
-
#2262bd
#2262bd
rgb(34,98,189)
-
#1a60c5
#1a60c5
rgb(26,96,197)
-
#115fce
#115fce
rgb(17,95,206)
-
#095dd6
#095dd6
rgb(9,93,214)
-
#005cdf
#005cdf
rgb(0,92,223)
Color Blindness Simulator
Below, you can see how #676e78 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.