#676f77 Color Information
In a RGB color space, hex #676f77 is composed of 40.4% red, 43.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 6.7% magenta, 0% yellow and 53.3% black. It has a hue angle of 210 degrees, a saturation of 7.2% and a lightness of 43.5%. #676f77 color hex could be obtained by blending #cedeee with #000000. Closest websafe color is: #666666.
-
- R 40
- G 44
- B 47
-
- C 13
- M 7
- Y 0
- K 53
● #676f77 color description : Dark grayish blue.
#676f77 Color Conversion
The hexadecimal color #676f77 has RGB values of R:103, G:111, B:119 and CMYK values of C:0.13, M:0.07, Y:0, K:0.53. Its decimal value is 6778743.
Hex triplet | 676f77 | #676f77 |
---|---|---|
RGB Decimal | 103, 111, 119 | rgb(103,111,119) |
RGB Percent | 40.4, 43.5, 46.7 | rgb(40.4%,43.5%,46.7%) |
CMYK | 13, 7, 0, 53 | |
HSL | 210°, 7.2, 43.5 | hsl(210,7.2%,43.5%) |
HSV (or HSB) | 210°, 13.4, 46.7 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 46.424, -1.249, -5.472 |
---|---|
XYZ | 14.607, 15.584, 19.69 |
xyY | 0.293, 0.312, 15.584 |
CIE-LCH | 46.424, 5.612, 257.146 |
CIE-LUV | 46.424, -4.703, -7.318 |
Hunter-Lab | 39.477, -3.036, -1.939 |
Binary | 01100111, 01101111, 01110111 |
Color Schemes with #676f77
Alternatives to #676f77
Below, you can see some colors close to #676f77. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676f77 Preview
This text has a font color of #676f77.
<span style="color:#676f77;">Text here</span>
This paragraph has a background color of #676f77.
<p style="background-color:#676f77;">Content here</p>
This element has a border color of #676f77.
<div style="border:1px solid #676f77;">Content here</div>
.text {color:#676f77;}
.background {background-color:#676f77;}
.border {border:1px solid #676f77;}
Shades and Tints of #676f77
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)
-
#0c0d0e
#0c0d0e
rgb(12,13,14)
-
#151718
#151718
rgb(21,23,24)
-
#1e2123
#1e2123
rgb(30,33,35)
-
#272a2d
#272a2d
rgb(39,42,45)
-
#303438
#303438
rgb(48,52,56)
-
#393e42
#393e42
rgb(57,62,66)
-
#43484d
#43484d
rgb(67,72,77)
-
#4c5257
#4c5257
rgb(76,82,87)
-
#555b62
#555b62
rgb(85,91,98)
-
#5e656c
#5e656c
rgb(94,101,108)
-
#676f77
#676f77
rgb(103,111,119)
-
#707982
#707982
rgb(112,121,130)
-
#7a838c
#7a838c
rgb(122,131,140)
-
#848c95
#848c95
rgb(132,140,149)
-
#8f969e
#8f969e
rgb(143,150,158)
-
#99a0a7
#99a0a7
rgb(153,160,167)
-
#a4aab0
#a4aab0
rgb(164,170,176)
-
#aeb4b9
#aeb4b9
rgb(174,180,185)
-
#b9bdc2
#b9bdc2
rgb(185,189,194)
-
#c3c7cb
#c3c7cb
rgb(195,199,203)
-
#ced1d4
#ced1d4
rgb(206,209,212)
-
#d8dbdd
#d8dbdd
rgb(216,219,221)
-
#e3e5e7
#e3e5e7
rgb(227,229,231)
-
#edeff0
#edeff0
rgb(237,239,240)
-
#f8f8f9
#f8f8f9
rgb(248,248,249)
Tones of #676f77
A tone is produced by adding gray to any pure hue. In this case, #676f77 is the less saturated color, while #016fdd is the most saturated one.
-
#676f77
#676f77
rgb(103,111,119)
-
#5e6f80
#5e6f80
rgb(94,111,128)
-
#566f88
#566f88
rgb(86,111,136)
-
#4d6f91
#4d6f91
rgb(77,111,145)
-
#456f99
#456f99
rgb(69,111,153)
-
#3c6fa2
#3c6fa2
rgb(60,111,162)
-
#346faa
#346faa
rgb(52,111,170)
-
#2b6fb3
#2b6fb3
rgb(43,111,179)
-
#236fbb
#236fbb
rgb(35,111,187)
-
#1a6fc4
#1a6fc4
rgb(26,111,196)
-
#126fcc
#126fcc
rgb(18,111,204)
-
#096fd5
#096fd5
rgb(9,111,213)
-
#016fdd
#016fdd
rgb(1,111,221)
Color Blindness Simulator
Below, you can see how #676f77 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.