#676c75 Color Information
In a RGB color space, hex #676c75 is composed of 40.4% red, 42.4% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 12% cyan, 7.7% magenta, 0% yellow and 54.1% black. It has a hue angle of 218.6 degrees, a saturation of 6.4% and a lightness of 43.1%. #676c75 color hex could be obtained by blending #ced8ea with #000000. Closest websafe color is: #666666.
-
- R 40
- G 42
- B 46
-
- C 12
- M 8
- Y 0
- K 54
● #676c75 color description : Dark grayish blue.
#676c75 Color Conversion
The hexadecimal color #676c75 has RGB values of R:103, G:108, B:117 and CMYK values of C:0.12, M:0.08, Y:0, K:0.54. Its decimal value is 6777973.
Hex triplet | 676c75 | #676c75 |
---|---|---|
RGB Decimal | 103, 108, 117 | rgb(103,108,117) |
RGB Percent | 40.4, 42.4, 45.9 | rgb(40.4%,42.4%,45.9%) |
CMYK | 12, 8, 0, 54 | |
HSL | 218.6°, 6.4, 43.1 | hsl(218.6,6.4%,43.1%) |
HSV (or HSB) | 218.6°, 12, 45.9 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 45.487, 0.069, -5.665 |
---|---|
XYZ | 14.166, 14.893, 18.957 |
xyY | 0.295, 0.31, 14.893 |
CIE-LCH | 45.487, 5.666, 270.698 |
CIE-LUV | 45.487, -3.183, -7.745 |
Hunter-Lab | 38.591, -2.01, -2.111 |
Binary | 01100111, 01101100, 01110101 |
Color Schemes with #676c75
Alternatives to #676c75
Below, you can see some colors close to #676c75. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676c75 Preview
This text has a font color of #676c75.
<span style="color:#676c75;">Text here</span>
This paragraph has a background color of #676c75.
<p style="background-color:#676c75;">Content here</p>
This element has a border color of #676c75.
<div style="border:1px solid #676c75;">Content here</div>
.text {color:#676c75;}
.background {background-color:#676c75;}
.border {border:1px solid #676c75;}
Shades and Tints of #676c75
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, #020202 is the darkest color, while #f7f7f8 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#0b0c0d
#0b0c0d
rgb(11,12,13)
-
#141517
#141517
rgb(20,21,23)
-
#1e1f22
#1e1f22
rgb(30,31,34)
-
#27292c
#27292c
rgb(39,41,44)
-
#303236
#303236
rgb(48,50,54)
-
#393c41
#393c41
rgb(57,60,65)
-
#42454b
#42454b
rgb(66,69,75)
-
#4b4f56
#4b4f56
rgb(75,79,86)
-
#555960
#555960
rgb(85,89,96)
-
#5e626b
#5e626b
rgb(94,98,107)
-
#676c75
#676c75
rgb(103,108,117)
-
#70767f
#70767f
rgb(112,118,127)
-
#7a7f8a
#7a7f8a
rgb(122,127,138)
-
#848993
#848993
rgb(132,137,147)
-
#8f939c
#8f939c
rgb(143,147,156)
-
#999da5
#999da5
rgb(153,157,165)
-
#a3a7ae
#a3a7ae
rgb(163,167,174)
-
#aeb1b8
#aeb1b8
rgb(174,177,184)
-
#b8bbc1
#b8bbc1
rgb(184,187,193)
-
#c3c5ca
#c3c5ca
rgb(195,197,202)
-
#cdcfd3
#cdcfd3
rgb(205,207,211)
-
#d8d9dc
#d8d9dc
rgb(216,217,220)
-
#e2e3e5
#e2e3e5
rgb(226,227,229)
-
#ecedef
#ecedef
rgb(236,237,239)
-
#f7f7f8
#f7f7f8
rgb(247,247,248)
Tones of #676c75
A tone is produced by adding gray to any pure hue. In this case, #676c75 is the less saturated color, while #014fdb is the most saturated one.
-
#676c75
#676c75
rgb(103,108,117)
-
#5f6a7d
#5f6a7d
rgb(95,106,125)
-
#566786
#566786
rgb(86,103,134)
-
#4e658e
#4e658e
rgb(78,101,142)
-
#456297
#456297
rgb(69,98,151)
-
#3d609f
#3d609f
rgb(61,96,159)
-
#345da8
#345da8
rgb(52,93,168)
-
#2c5bb0
#2c5bb0
rgb(44,91,176)
-
#2359b9
#2359b9
rgb(35,89,185)
-
#1b56c1
#1b56c1
rgb(27,86,193)
-
#1254ca
#1254ca
rgb(18,84,202)
-
#0a51d2
#0a51d2
rgb(10,81,210)
-
#014fdb
#014fdb
rgb(1,79,219)
Color Blindness Simulator
Below, you can see how #676c75 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.