#677b48 Color Information
In a RGB color space, hex #677b48 is composed of 40.4% red, 48.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 0% magenta, 41.5% yellow and 51.8% black. It has a hue angle of 83.5 degrees, a saturation of 26.2% and a lightness of 38.2%. #677b48 color hex could be obtained by blending #cef690 with #000000. Closest websafe color is: #666633.
-
- R 40
- G 48
- B 28
-
- C 16
- M 0
- Y 41
- K 52
● #677b48 color description : Mostly desaturated dark green.
#677b48 Color Conversion
The hexadecimal color #677b48 has RGB values of R:103, G:123, B:72 and CMYK values of C:0.16, M:0, Y:0.41, K:0.52. Its decimal value is 6781768.
Hex triplet | 677b48 | #677b48 |
---|---|---|
RGB Decimal | 103, 123, 72 | rgb(103,123,72) |
RGB Percent | 40.4, 48.2, 28.2 | rgb(40.4%,48.2%,28.2%) |
CMYK | 16, 0, 41, 52 | |
HSL | 83.5°, 26.2, 38.2 | hsl(83.5,26.2%,38.2%) |
HSV (or HSB) | 83.5°, 41.5, 48.2 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 48.905, -16.678, 25.493 |
---|---|
XYZ | 13.846, 17.517, 8.782 |
xyY | 0.345, 0.436, 17.517 |
CIE-LCH | 48.905, 30.464, 123.194 |
CIE-LUV | 48.905, -9.553, 33.099 |
Hunter-Lab | 41.854, -14.193, 16.856 |
Binary | 01100111, 01111011, 01001000 |
Color Schemes with #677b48
Alternatives to #677b48
Below, you can see some colors close to #677b48. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677b48 Preview
This text has a font color of #677b48.
<span style="color:#677b48;">Text here</span>
This paragraph has a background color of #677b48.
<p style="background-color:#677b48;">Content here</p>
This element has a border color of #677b48.
<div style="border:1px solid #677b48;">Content here</div>
.text {color:#677b48;}
.background {background-color:#677b48;}
.border {border:1px solid #677b48;}
Shades and Tints of #677b48
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, #0a0c07 is the darkest color, while #fefffe is the lightest one.
-
#0a0c07
#0a0c07
rgb(10,12,7)
-
#14180e
#14180e
rgb(20,24,14)
-
#1e2415
#1e2415
rgb(30,36,21)
-
#29311d
#29311d
rgb(41,49,29)
-
#333d24
#333d24
rgb(51,61,36)
-
#3e4a2b
#3e4a2b
rgb(62,74,43)
-
#485632
#485632
rgb(72,86,50)
-
#52623a
#52623a
rgb(82,98,58)
-
#5d6f41
#5d6f41
rgb(93,111,65)
-
#677b48
#677b48
rgb(103,123,72)
-
#71874f
#71874f
rgb(113,135,79)
-
#7c9456
#7c9456
rgb(124,148,86)
-
#86a05e
#86a05e
rgb(134,160,94)
-
#8fa86a
#8fa86a
rgb(143,168,106)
-
#99af76
#99af76
rgb(153,175,118)
-
#a2b683
#a2b683
rgb(162,182,131)
-
#abbd8f
#abbd8f
rgb(171,189,143)
-
#b4c59b
#b4c59b
rgb(180,197,155)
-
#becca8
#becca8
rgb(190,204,168)
-
#c7d3b4
#c7d3b4
rgb(199,211,180)
-
#d0dac0
#d0dac0
rgb(208,218,192)
-
#d9e2cd
#d9e2cd
rgb(217,226,205)
-
#e3e9d9
#e3e9d9
rgb(227,233,217)
-
#ecf0e6
#ecf0e6
rgb(236,240,230)
-
#f5f7f2
#f5f7f2
rgb(245,247,242)
-
#fefffe
#fefffe
rgb(254,255,254)
Tones of #677b48
A tone is produced by adding gray to any pure hue. In this case, #62655f is the less saturated color, while #76bf04 is the most saturated one.
-
#62655f
#62655f
rgb(98,101,95)
-
#646c57
#646c57
rgb(100,108,87)
-
#657450
#657450
rgb(101,116,80)
-
#677b48
#677b48
rgb(103,123,72)
-
#698341
#698341
rgb(105,131,65)
-
#6a8a39
#6a8a39
rgb(106,138,57)
-
#6c9232
#6c9232
rgb(108,146,50)
-
#6d992a
#6d992a
rgb(109,153,42)
-
#6fa123
#6fa123
rgb(111,161,35)
-
#71a81b
#71a81b
rgb(113,168,27)
-
#72b014
#72b014
rgb(114,176,20)
-
#74b70c
#74b70c
rgb(116,183,12)
-
#76bf04
#76bf04
rgb(118,191,4)
Color Blindness Simulator
Below, you can see how #677b48 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.