#676f78 Color Information
In a RGB color space, hex #676f78 is composed of 40.4% red, 43.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 7.5% magenta, 0% yellow and 52.9% black. It has a hue angle of 211.8 degrees, a saturation of 7.6% and a lightness of 43.7%. #676f78 color hex could be obtained by blending #cedef0 with #000000. Closest websafe color is: #666666.
-
- R 40
- G 44
- B 47
-
- C 14
- M 8
- Y 0
- K 53
● #676f78 color description : Dark grayish blue.
#676f78 Color Conversion
The hexadecimal color #676f78 has RGB values of R:103, G:111, B:120 and CMYK values of C:0.14, M:0.08, Y:0, K:0.53. Its decimal value is 6778744.
Hex triplet | 676f78 | #676f78 |
---|---|---|
RGB Decimal | 103, 111, 120 | rgb(103,111,120) |
RGB Percent | 40.4, 43.5, 47.1 | rgb(40.4%,43.5%,47.1%) |
CMYK | 14, 8, 0, 53 | |
HSL | 211.8°, 7.6, 43.7 | hsl(211.8,7.6%,43.7%) |
HSV (or HSB) | 211.8°, 14.2, 47.1 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 46.456, -1.019, -6.022 |
---|---|
XYZ | 14.667, 15.608, 20.008 |
xyY | 0.292, 0.31, 15.608 |
CIE-LCH | 46.456, 6.107, 260.396 |
CIE-LUV | 46.456, -4.745, -8.126 |
Hunter-Lab | 39.507, -2.868, -2.372 |
Binary | 01100111, 01101111, 01111000 |
Color Schemes with #676f78
Alternatives to #676f78
Below, you can see some colors close to #676f78. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676f78 Preview
This text has a font color of #676f78.
<span style="color:#676f78;">Text here</span>
This paragraph has a background color of #676f78.
<p style="background-color:#676f78;">Content here</p>
This element has a border color of #676f78.
<div style="border:1px solid #676f78;">Content here</div>
.text {color:#676f78;}
.background {background-color:#676f78;}
.border {border:1px solid #676f78;}
Shades and Tints of #676f78
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)
-
#282b2e
#282b2e
rgb(40,43,46)
-
#313439
#313439
rgb(49,52,57)
-
#3a3e43
#3a3e43
rgb(58,62,67)
-
#43484e
#43484e
rgb(67,72,78)
-
#4c5258
#4c5258
rgb(76,82,88)
-
#555b63
#555b63
rgb(85,91,99)
-
#5e656d
#5e656d
rgb(94,101,109)
-
#676f78
#676f78
rgb(103,111,120)
-
#707983
#707983
rgb(112,121,131)
-
#7a838d
#7a838d
rgb(122,131,141)
-
#848c96
#848c96
rgb(132,140,150)
-
#8f969f
#8f969f
rgb(143,150,159)
-
#99a0a8
#99a0a8
rgb(153,160,168)
-
#a4aab1
#a4aab1
rgb(164,170,177)
-
#aeb4ba
#aeb4ba
rgb(174,180,186)
-
#b9bec3
#b9bec3
rgb(185,190,195)
-
#c4c8cc
#c4c8cc
rgb(196,200,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 #676f78
A tone is produced by adding gray to any pure hue. In this case, #676f78 is the less saturated color, while #0069df is the most saturated one.
-
#676f78
#676f78
rgb(103,111,120)
-
#5e6e81
#5e6e81
rgb(94,110,129)
-
#566e89
#566e89
rgb(86,110,137)
-
#4d6d92
#4d6d92
rgb(77,109,146)
-
#456d9a
#456d9a
rgb(69,109,154)
-
#3c6ca3
#3c6ca3
rgb(60,108,163)
-
#346cab
#346cab
rgb(52,108,171)
-
#2b6bb4
#2b6bb4
rgb(43,107,180)
-
#226bbd
#226bbd
rgb(34,107,189)
-
#1a6ac5
#1a6ac5
rgb(26,106,197)
-
#116ace
#116ace
rgb(17,106,206)
-
#0969d6
#0969d6
rgb(9,105,214)
-
#0069df
#0069df
rgb(0,105,223)
Color Blindness Simulator
Below, you can see how #676f78 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.