#676a77 Color Information
In a RGB color space, hex #676a77 is composed of 40.4% red, 41.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 10.9% magenta, 0% yellow and 53.3% black. It has a hue angle of 228.8 degrees, a saturation of 7.2% and a lightness of 43.5%. #676a77 color hex could be obtained by blending #ced4ee with #000000. Closest websafe color is: #666666.
-
- R 40
- G 42
- B 47
-
- C 13
- M 11
- Y 0
- K 53
● #676a77 color description : Dark grayish blue.
#676a77 Color Conversion
The hexadecimal color #676a77 has RGB values of R:103, G:106, B:119 and CMYK values of C:0.13, M:0.11, Y:0, K:0.53. Its decimal value is 6777463.
Hex triplet | 676a77 | #676a77 |
---|---|---|
RGB Decimal | 103, 106, 119 | rgb(103,106,119) |
RGB Percent | 40.4, 41.6, 46.7 | rgb(40.4%,41.6%,46.7%) |
CMYK | 13, 11, 0, 53 | |
HSL | 228.8°, 7.2, 43.5 | hsl(228.8,7.2%,43.5%) |
HSV (or HSB) | 228.8°, 13.4, 46.7 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 44.974, 1.719, -7.632 |
---|---|
XYZ | 14.077, 14.523, 19.513 |
xyY | 0.293, 0.302, 14.523 |
CIE-LCH | 44.974, 7.823, 282.692 |
CIE-LUV | 44.974, -2.334, -10.72 |
Hunter-Lab | 38.11, -0.759, -3.682 |
Binary | 01100111, 01101010, 01110111 |
Color Schemes with #676a77
Alternatives to #676a77
Below, you can see some colors close to #676a77. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676a77 Preview
This text has a font color of #676a77.
<span style="color:#676a77;">Text here</span>
This paragraph has a background color of #676a77.
<p style="background-color:#676a77;">Content here</p>
This element has a border color of #676a77.
<div style="border:1px solid #676a77;">Content here</div>
.text {color:#676a77;}
.background {background-color:#676a77;}
.border {border:1px solid #676a77;}
Shades and Tints of #676a77
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)
-
#27282d
#27282d
rgb(39,40,45)
-
#303238
#303238
rgb(48,50,56)
-
#393b42
#393b42
rgb(57,59,66)
-
#43454d
#43454d
rgb(67,69,77)
-
#4c4e57
#4c4e57
rgb(76,78,87)
-
#555762
#555762
rgb(85,87,98)
-
#5e616c
#5e616c
rgb(94,97,108)
-
#676a77
#676a77
rgb(103,106,119)
-
#707382
#707382
rgb(112,115,130)
-
#7a7d8c
#7a7d8c
rgb(122,125,140)
-
#848795
#848795
rgb(132,135,149)
-
#8f929e
#8f929e
rgb(143,146,158)
-
#999ca7
#999ca7
rgb(153,156,167)
-
#a4a6b0
#a4a6b0
rgb(164,166,176)
-
#aeb0b9
#aeb0b9
rgb(174,176,185)
-
#b9bbc2
#b9bbc2
rgb(185,187,194)
-
#c3c5cb
#c3c5cb
rgb(195,197,203)
-
#cecfd4
#cecfd4
rgb(206,207,212)
-
#d8d9dd
#d8d9dd
rgb(216,217,221)
-
#e3e4e7
#e3e4e7
rgb(227,228,231)
-
#edeef0
#edeef0
rgb(237,238,240)
-
#f8f8f9
#f8f8f9
rgb(248,248,249)
Tones of #676a77
A tone is produced by adding gray to any pure hue. In this case, #676a77 is the less saturated color, while #012add is the most saturated one.
-
#676a77
#676a77
rgb(103,106,119)
-
#5e6580
#5e6580
rgb(94,101,128)
-
#565f88
#565f88
rgb(86,95,136)
-
#4d5a91
#4d5a91
rgb(77,90,145)
-
#455599
#455599
rgb(69,85,153)
-
#3c4fa2
#3c4fa2
rgb(60,79,162)
-
#344aaa
#344aaa
rgb(52,74,170)
-
#2b45b3
#2b45b3
rgb(43,69,179)
-
#233fbb
#233fbb
rgb(35,63,187)
-
#1a3ac4
#1a3ac4
rgb(26,58,196)
-
#1235cc
#1235cc
rgb(18,53,204)
-
#092fd5
#092fd5
rgb(9,47,213)
-
#012add
#012add
rgb(1,42,221)
Color Blindness Simulator
Below, you can see how #676a77 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.