#676c57 Color Information
In a RGB color space, hex #676c57 is composed of 40.4% red, 42.4% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 19.4% yellow and 57.6% black. It has a hue angle of 74.3 degrees, a saturation of 10.8% and a lightness of 38.2%. #676c57 color hex could be obtained by blending #ced8ae with #000000. Closest websafe color is: #666666.
-
- R 40
- G 42
- B 34
-
- C 5
- M 0
- Y 19
- K 58
● #676c57 color description : Very dark grayish yellow.
#676c57 Color Conversion
The hexadecimal color #676c57 has RGB values of R:103, G:108, B:87 and CMYK values of C:0.05, M:0, Y:0.19, K:0.58. Its decimal value is 6777943.
Hex triplet | 676c57 | #676c57 |
---|---|---|
RGB Decimal | 103, 108, 87 | rgb(103,108,87) |
RGB Percent | 40.4, 42.4, 34.1 | rgb(40.4%,42.4%,34.1%) |
CMYK | 5, 0, 19, 58 | |
HSL | 74.3°, 10.8, 38.2 | hsl(74.3,10.8%,38.2%) |
HSV (or HSB) | 74.3°, 19.4, 42.4 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 44.656, -5.989, 11.126 |
---|---|
XYZ | 12.676, 14.297, 11.108 |
xyY | 0.333, 0.375, 14.297 |
CIE-LCH | 44.656, 12.636, 118.293 |
CIE-LUV | 44.656, -1.836, 14.916 |
Hunter-Lab | 37.811, -6.328, 9.05 |
Binary | 01100111, 01101100, 01010111 |
Color Schemes with #676c57
Alternatives to #676c57
Below, you can see some colors close to #676c57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676c57 Preview
This text has a font color of #676c57.
<span style="color:#676c57;">Text here</span>
This paragraph has a background color of #676c57.
<p style="background-color:#676c57;">Content here</p>
This element has a border color of #676c57.
<div style="border:1px solid #676c57;">Content here</div>
.text {color:#676c57;}
.background {background-color:#676c57;}
.border {border:1px solid #676c57;}
Shades and Tints of #676c57
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, #0a0a08 is the darkest color, while #fefefe is the lightest one.
-
#0a0a08
#0a0a08
rgb(10,10,8)
-
#141511
#141511
rgb(20,21,17)
-
#1e201a
#1e201a
rgb(30,32,26)
-
#292b22
#292b22
rgb(41,43,34)
-
#33362b
#33362b
rgb(51,54,43)
-
#3e4134
#3e4134
rgb(62,65,52)
-
#484b3d
#484b3d
rgb(72,75,61)
-
#525645
#525645
rgb(82,86,69)
-
#5d614e
#5d614e
rgb(93,97,78)
-
#676c57
#676c57
rgb(103,108,87)
-
#717760
#717760
rgb(113,119,96)
-
#7c8269
#7c8269
rgb(124,130,105)
-
#868d71
#868d71
rgb(134,141,113)
-
#8f957c
#8f957c
rgb(143,149,124)
-
#999e87
#999e87
rgb(153,158,135)
-
#a2a792
#a2a792
rgb(162,167,146)
-
#abb09d
#abb09d
rgb(171,176,157)
-
#b4b8a7
#b4b8a7
rgb(180,184,167)
-
#bec1b2
#bec1b2
rgb(190,193,178)
-
#c7cabd
#c7cabd
rgb(199,202,189)
-
#d0d3c8
#d0d3c8
rgb(208,211,200)
-
#d9dbd3
#d9dbd3
rgb(217,219,211)
-
#e3e4de
#e3e4de
rgb(227,228,222)
-
#ecede9
#ecede9
rgb(236,237,233)
-
#f5f6f3
#f5f6f3
rgb(245,246,243)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #676c57
A tone is produced by adding gray to any pure hue. In this case, #63655f is the less saturated color, while #92bf04 is the most saturated one.
-
#63655f
#63655f
rgb(99,101,95)
-
#676c57
#676c57
rgb(103,108,87)
-
#6b7450
#6b7450
rgb(107,116,80)
-
#6f7b48
#6f7b48
rgb(111,123,72)
-
#738341
#738341
rgb(115,131,65)
-
#778a39
#778a39
rgb(119,138,57)
-
#7b9232
#7b9232
rgb(123,146,50)
-
#7f992a
#7f992a
rgb(127,153,42)
-
#83a123
#83a123
rgb(131,161,35)
-
#86a81b
#86a81b
rgb(134,168,27)
-
#8ab014
#8ab014
rgb(138,176,20)
-
#8eb70c
#8eb70c
rgb(142,183,12)
-
#92bf04
#92bf04
rgb(146,191,4)
Color Blindness Simulator
Below, you can see how #676c57 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.