#676a45 Color Information
In a RGB color space, hex #676a45 is composed of 40.4% red, 41.6% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 34.9% yellow and 58.4% black. It has a hue angle of 64.9 degrees, a saturation of 21.1% and a lightness of 34.3%. #676a45 color hex could be obtained by blending #ced48a with #000000. Closest websafe color is: #666633.
-
- R 40
- G 42
- B 27
-
- C 3
- M 0
- Y 35
- K 58
● #676a45 color description : Very dark grayish yellow.
#676a45 Color Conversion
The hexadecimal color #676a45 has RGB values of R:103, G:106, B:69 and CMYK values of C:0.03, M:0, Y:0.35, K:0.58. Its decimal value is 6777413.
Hex triplet | 676a45 | #676a45 |
---|---|---|
RGB Decimal | 103, 106, 69 | rgb(103,106,69) |
RGB Percent | 40.4, 41.6, 27.1 | rgb(40.4%,41.6%,27.1%) |
CMYK | 3, 0, 35, 58 | |
HSL | 64.9°, 21.1, 34.3 | hsl(64.9,21.1%,34.3%) |
HSV (or HSB) | 64.9°, 34.9, 41.6 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 43.685, -7.68, 20.427 |
---|---|
XYZ | 11.822, 13.621, 7.636 |
xyY | 0.357, 0.412, 13.621 |
CIE-LCH | 43.685, 21.823, 110.604 |
CIE-LUV | 43.685, -0.018, 25.268 |
Hunter-Lab | 36.907, -7.413, 13.568 |
Binary | 01100111, 01101010, 01000101 |
Color Schemes with #676a45
Alternatives to #676a45
Below, you can see some colors close to #676a45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676a45 Preview
This text has a font color of #676a45.
<span style="color:#676a45;">Text here</span>
This paragraph has a background color of #676a45.
<p style="background-color:#676a45;">Content here</p>
This element has a border color of #676a45.
<div style="border:1px solid #676a45;">Content here</div>
.text {color:#676a45;}
.background {background-color:#676a45;}
.border {border:1px solid #676a45;}
Shades and Tints of #676a45
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, #0b0b07 is the darkest color, while #fefefe is the lightest one.
-
#0b0b07
#0b0b07
rgb(11,11,7)
-
#16170f
#16170f
rgb(22,23,15)
-
#222317
#222317
rgb(34,35,23)
-
#2d2f1e
#2d2f1e
rgb(45,47,30)
-
#393a26
#393a26
rgb(57,58,38)
-
#44462e
#44462e
rgb(68,70,46)
-
#505236
#505236
rgb(80,82,54)
-
#5b5e3d
#5b5e3d
rgb(91,94,61)
-
#676a45
#676a45
rgb(103,106,69)
-
#73764d
#73764d
rgb(115,118,77)
-
#7e8254
#7e8254
rgb(126,130,84)
-
#8a8e5c
#8a8e5c
rgb(138,142,92)
-
#959a64
#959a64
rgb(149,154,100)
-
#9ea26f
#9ea26f
rgb(158,162,111)
-
#a6a97b
#a6a97b
rgb(166,169,123)
-
#aeb187
#aeb187
rgb(174,177,135)
-
#b6b993
#b6b993
rgb(182,185,147)
-
#bec19f
#bec19f
rgb(190,193,159)
-
#c6c8ab
#c6c8ab
rgb(198,200,171)
-
#ced0b7
#ced0b7
rgb(206,208,183)
-
#d6d8c3
#d6d8c3
rgb(214,216,195)
-
#dedfcf
#dedfcf
rgb(222,223,207)
-
#e6e7da
#e6e7da
rgb(230,231,218)
-
#eeefe6
#eeefe6
rgb(238,239,230)
-
#f6f7f2
#f6f7f2
rgb(246,247,242)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #676a45
A tone is produced by adding gray to any pure hue. In this case, #5c5d52 is the less saturated color, while #9fad02 is the most saturated one.
-
#5c5d52
#5c5d52
rgb(92,93,82)
-
#61634c
#61634c
rgb(97,99,76)
-
#676a45
#676a45
rgb(103,106,69)
-
#6d713e
#6d713e
rgb(109,113,62)
-
#727738
#727738
rgb(114,119,56)
-
#787e31
#787e31
rgb(120,126,49)
-
#7e852a
#7e852a
rgb(126,133,42)
-
#838c23
#838c23
rgb(131,140,35)
-
#89921d
#89921d
rgb(137,146,29)
-
#8e9916
#8e9916
rgb(142,153,22)
-
#94a00f
#94a00f
rgb(148,160,15)
-
#9aa708
#9aa708
rgb(154,167,8)
-
#9fad02
#9fad02
rgb(159,173,2)
Color Blindness Simulator
Below, you can see how #676a45 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.