#676e57 Color Information
In a RGB color space, hex #676e57 is composed of 40.4% red, 43.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 20.9% yellow and 56.9% black. It has a hue angle of 78.3 degrees, a saturation of 11.7% and a lightness of 38.6%. #676e57 color hex could be obtained by blending #cedcae with #000000. Closest websafe color is: #666666.
-
- R 40
- G 43
- B 34
-
- C 6
- M 0
- Y 21
- K 57
● #676e57 color description : Very dark grayish green.
#676e57 Color Conversion
The hexadecimal color #676e57 has RGB values of R:103, G:110, B:87 and CMYK values of C:0.06, M:0, Y:0.21, K:0.57. Its decimal value is 6778455.
Hex triplet | 676e57 | #676e57 |
---|---|---|
RGB Decimal | 103, 110, 87 | rgb(103,110,87) |
RGB Percent | 40.4, 43.1, 34.1 | rgb(40.4%,43.1%,34.1%) |
CMYK | 6, 0, 21, 57 | |
HSL | 78.3°, 11.7, 38.6 | hsl(78.3,11.7%,38.6%) |
HSV (or HSB) | 78.3°, 20.9, 43.1 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 45.253, -7.14, 11.958 |
---|---|
XYZ | 12.889, 14.724, 11.179 |
xyY | 0.332, 0.38, 14.724 |
CIE-LCH | 45.253, 13.927, 120.84 |
CIE-LUV | 45.253, -2.907, 16.144 |
Hunter-Lab | 38.371, -7.189, 9.586 |
Binary | 01100111, 01101110, 01010111 |
Color Schemes with #676e57
Alternatives to #676e57
Below, you can see some colors close to #676e57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676e57 Preview
This text has a font color of #676e57.
<span style="color:#676e57;">Text here</span>
This paragraph has a background color of #676e57.
<p style="background-color:#676e57;">Content here</p>
This element has a border color of #676e57.
<div style="border:1px solid #676e57;">Content here</div>
.text {color:#676e57;}
.background {background-color:#676e57;}
.border {border:1px solid #676e57;}
Shades and Tints of #676e57
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, #000000 is the darkest color, while #f6f7f5 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#0b0b09
#0b0b09
rgb(11,11,9)
-
#151612
#151612
rgb(21,22,18)
-
#1f211a
#1f211a
rgb(31,33,26)
-
#292c23
#292c23
rgb(41,44,35)
-
#34372c
#34372c
rgb(52,55,44)
-
#3e4234
#3e4234
rgb(62,66,52)
-
#484d3d
#484d3d
rgb(72,77,61)
-
#525846
#525846
rgb(82,88,70)
-
#5d634e
#5d634e
rgb(93,99,78)
-
#676e57
#676e57
rgb(103,110,87)
-
#717960
#717960
rgb(113,121,96)
-
#7c8468
#7c8468
rgb(124,132,104)
-
#868f71
#868f71
rgb(134,143,113)
-
#8f977c
#8f977c
rgb(143,151,124)
-
#98a087
#98a087
rgb(152,160,135)
-
#a2a992
#a2a992
rgb(162,169,146)
-
#abb19d
#abb19d
rgb(171,177,157)
-
#b5baa8
#b5baa8
rgb(181,186,168)
-
#bec3b3
#bec3b3
rgb(190,195,179)
-
#c7cbbe
#c7cbbe
rgb(199,203,190)
-
#d1d4c9
#d1d4c9
rgb(209,212,201)
-
#daddd4
#daddd4
rgb(218,221,212)
-
#e3e5df
#e3e5df
rgb(227,229,223)
-
#edeeea
#edeeea
rgb(237,238,234)
-
#f6f7f5
#f6f7f5
rgb(246,247,245)
Tones of #676e57
A tone is produced by adding gray to any pure hue. In this case, #64665f is the less saturated color, while #88c104 is the most saturated one.
-
#64665f
#64665f
rgb(100,102,95)
-
#676e57
#676e57
rgb(103,110,87)
-
#6a764f
#6a764f
rgb(106,118,79)
-
#6d7d48
#6d7d48
rgb(109,125,72)
-
#708540
#708540
rgb(112,133,64)
-
#738c39
#738c39
rgb(115,140,57)
-
#769431
#769431
rgb(118,148,49)
-
#799b2a
#799b2a
rgb(121,155,42)
-
#7ca322
#7ca322
rgb(124,163,34)
-
#7fab1a
#7fab1a
rgb(127,171,26)
-
#82b213
#82b213
rgb(130,178,19)
-
#85ba0b
#85ba0b
rgb(133,186,11)
-
#88c104
#88c104
rgb(136,193,4)
Color Blindness Simulator
Below, you can see how #676e57 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.