#676b77 Color Information
In a RGB color space, hex #676b77 is composed of 40.4% red, 42% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 10.1% magenta, 0% yellow and 53.3% black. It has a hue angle of 225 degrees, a saturation of 7.2% and a lightness of 43.5%. #676b77 color hex could be obtained by blending #ced6ee with #000000. Closest websafe color is: #666666.
-
- R 40
- G 42
- B 47
-
- C 13
- M 10
- Y 0
- K 53
● #676b77 color description : Dark grayish blue.
#676b77 Color Conversion
The hexadecimal color #676b77 has RGB values of R:103, G:107, B:119 and CMYK values of C:0.13, M:0.1, Y:0, K:0.53. Its decimal value is 6777719.
Hex triplet | 676b77 | #676b77 |
---|---|---|
RGB Decimal | 103, 107, 119 | rgb(103,107,119) |
RGB Percent | 40.4, 42, 46.7 | rgb(40.4%,42%,46.7%) |
CMYK | 13, 10, 0, 53 | |
HSL | 225°, 7.2, 43.5 | hsl(225,7.2%,43.5%) |
HSV (or HSB) | 225°, 13.4, 46.7 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 45.263, 1.122, -7.2 |
---|---|
XYZ | 14.18, 14.731, 19.548 |
xyY | 0.293, 0.304, 14.731 |
CIE-LCH | 45.263, 7.287, 278.856 |
CIE-LUV | 45.263, -2.806, -10.042 |
Hunter-Lab | 38.381, -1.216, -3.331 |
Binary | 01100111, 01101011, 01110111 |
Color Schemes with #676b77
Alternatives to #676b77
Below, you can see some colors close to #676b77. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676b77 Preview
This text has a font color of #676b77.
<span style="color:#676b77;">Text here</span>
This paragraph has a background color of #676b77.
<p style="background-color:#676b77;">Content here</p>
This element has a border color of #676b77.
<div style="border:1px solid #676b77;">Content here</div>
.text {color:#676b77;}
.background {background-color:#676b77;}
.border {border:1px solid #676b77;}
Shades and Tints of #676b77
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, #030303 is the darkest color, while #f8f8f9 is the lightest one.
-
#030303
#030303
rgb(3,3,3)
-
#0c0c0e
#0c0c0e
rgb(12,12,14)
-
#151618
#151618
rgb(21,22,24)
-
#1e1f23
#1e1f23
rgb(30,31,35)
-
#27292d
#27292d
rgb(39,41,45)
-
#303238
#303238
rgb(48,50,56)
-
#393c42
#393c42
rgb(57,60,66)
-
#43454d
#43454d
rgb(67,69,77)
-
#4c4f57
#4c4f57
rgb(76,79,87)
-
#555862
#555862
rgb(85,88,98)
-
#5e626c
#5e626c
rgb(94,98,108)
-
#676b77
#676b77
rgb(103,107,119)
-
#707482
#707482
rgb(112,116,130)
-
#7a7e8c
#7a7e8c
rgb(122,126,140)
-
#848895
#848895
rgb(132,136,149)
-
#8f929e
#8f929e
rgb(143,146,158)
-
#999da7
#999da7
rgb(153,157,167)
-
#a4a7b0
#a4a7b0
rgb(164,167,176)
-
#aeb1b9
#aeb1b9
rgb(174,177,185)
-
#b9bbc2
#b9bbc2
rgb(185,187,194)
-
#c3c5cb
#c3c5cb
rgb(195,197,203)
-
#cecfd4
#cecfd4
rgb(206,207,212)
-
#d8dadd
#d8dadd
rgb(216,218,221)
-
#e3e4e7
#e3e4e7
rgb(227,228,231)
-
#edeef0
#edeef0
rgb(237,238,240)
-
#f8f8f9
#f8f8f9
rgb(248,248,249)
Tones of #676b77
A tone is produced by adding gray to any pure hue. In this case, #676b77 is the less saturated color, while #0138dd is the most saturated one.
-
#676b77
#676b77
rgb(103,107,119)
-
#5e6780
#5e6780
rgb(94,103,128)
-
#566288
#566288
rgb(86,98,136)
-
#4d5e91
#4d5e91
rgb(77,94,145)
-
#455a99
#455a99
rgb(69,90,153)
-
#3c56a2
#3c56a2
rgb(60,86,162)
-
#3451aa
#3451aa
rgb(52,81,170)
-
#2b4db3
#2b4db3
rgb(43,77,179)
-
#2349bb
#2349bb
rgb(35,73,187)
-
#1a45c4
#1a45c4
rgb(26,69,196)
-
#1240cc
#1240cc
rgb(18,64,204)
-
#093cd5
#093cd5
rgb(9,60,213)
-
#0138dd
#0138dd
rgb(1,56,221)
Color Blindness Simulator
Below, you can see how #676b77 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.