#676c2f hex color

In a RGB color space, hex #676c2f is composed of 40.4% red, 42.4% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 56.5% yellow and 57.6% black. It has a hue angle of 64.9 degrees, a saturation of 39.4% and a lightness of 30.4%. #676c2f color hex could be obtained by blending #ced85e with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 40
- G 42
- B 18
RGB color chart
- C 5
- M 0
- Y 56
- K 58
CMYK color chart

● #676c2f color description : Very dark desaturated yellow.

The hexadecimal color #676c2f has RGB values of R:103, G:108, B:47 and CMYK values of C:0.05, M:0, Y:0.56, K:0.58. Its decimal value is 6777903.

Hex triplet	676c2f	`#676c2f`
RGB Decimal	103, 108, 47	`rgb(103,108,47)`
RGB Percent	40.4, 42.4, 18.4	`rgb(40.4%,42.4%,18.4%)`
CMYK	5, 0, 56, 58
HSL	64.9°, 39.4, 30.4	`hsl(64.9,39.4%,30.4%)`
HSV (or HSB)	64.9°, 56.5, 42.4
Web Safe	666633	`#666633`

CIE-LAB	43.965, -11.392, 32.976
XYZ	11.469, 13.814, 4.751
xyY	0.382, 0.46, 13.814
CIE-LCH	43.965, 34.888, 109.059
CIE-LUV	43.965, -0.508, 37.382
Hunter-Lab	37.167, -9.961, 18.438
Binary	01100111, 01101100, 00101111

#676c2f
```
#676c2f rgb(103,108,47)
```
#342f6c
```
#342f6c rgb(52,47,108)
```

Complementary Color

#6c532f
```
#6c532f rgb(108,83,47)
```
#676c2f
```
#676c2f rgb(103,108,47)
```
#496c2f
```
#496c2f rgb(73,108,47)
```

Analogous Color

#532f6c
```
#532f6c rgb(83,47,108)
```
#676c2f
```
#676c2f rgb(103,108,47)
```
#2f496c
```
#2f496c rgb(47,73,108)
```

Split Complementary Color

#6c2f67
```
#6c2f67 rgb(108,47,103)
```
#676c2f
```
#676c2f rgb(103,108,47)
```
#2f676c
```
#2f676c rgb(47,103,108)
```

Triadic Color

#6c342f
```
#6c342f rgb(108,52,47)
```
#676c2f
```
#676c2f rgb(103,108,47)
```
#2f676c
```
#2f676c rgb(47,103,108)
```
#342f6c
```
#342f6c rgb(52,47,108)
```

Tetradic Color

#343718
```
#343718 rgb(52,55,24)
```
#454820
```
#454820 rgb(69,72,32)
```
#565a27
```
#565a27 rgb(86,90,39)
```
#676c2f
```
#676c2f rgb(103,108,47)
```
#787e37
```
#787e37 rgb(120,126,55)
```
#89903e
```
#89903e rgb(137,144,62)
```
#9aa146
```
#9aa146 rgb(154,161,70)
```

Monochromatic Color

Below, you can see some colors close to #676c2f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#6c622f
```
#6c622f rgb(108,98,47)
```
#6c672f
```
#6c672f rgb(108,103,47)
```
#6c6c2f
```
#6c6c2f rgb(108,108,47)
```
#676c2f
```
#676c2f rgb(103,108,47)
```
#626c2f
```
#626c2f rgb(98,108,47)
```
#5d6c2f
```
#5d6c2f rgb(93,108,47)
```
#586c2f
```
#586c2f rgb(88,108,47)
```

Similar Colors

Text with hexadecimal color #676c2f

This text has a font color of #676c2f.

<span style="color:#676c2f;">Text here</span>

#676c2f background color

This paragraph has a background color of #676c2f.

<p style="background-color:#676c2f;">Content here</p>

#676c2f border color

This element has a border color of #676c2f.

<div style="border:1px solid #676c2f;">Content here</div>

CSS codes

.text {color:#676c2f;}

.background {background-color:#676c2f;}

.border {border:1px solid #676c2f;}

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, #0c0c05 is the darkest color, while #fefefe is the lightest one.

#0c0c05
```
#0c0c05 rgb(12,12,5)
```
#191a0b
```
#191a0b rgb(25,26,11)
```
#262811
```
#262811 rgb(38,40,17)
```
#333517
```
#333517 rgb(51,53,23)
```
#40431d
```
#40431d rgb(64,67,29)
```
#4d5123
```
#4d5123 rgb(77,81,35)
```
#5a5e29
```
#5a5e29 rgb(90,94,41)
```
#676c2f
```
#676c2f rgb(103,108,47)
```
#747a35
```
#747a35 rgb(116,122,53)
```
#81873b
```
#81873b rgb(129,135,59)
```
#8e9541
```
#8e9541 rgb(142,149,65)
```
#9ba347
```
#9ba347 rgb(155,163,71)
```
#a8b04d
```
#a8b04d rgb(168,176,77)
```

Shade Color Variation

#afb75a
```
#afb75a rgb(175,183,90)
```
#b6bd67
```
#b6bd67 rgb(182,189,103)
```
#bdc375
```
#bdc375 rgb(189,195,117)
```
#c3c983
```
#c3c983 rgb(195,201,131)
```
#cacf90
```
#cacf90 rgb(202,207,144)
```
#d0d59e
```
#d0d59e rgb(208,213,158)
```
#d7dbac
```
#d7dbac rgb(215,219,172)
```
#dde1b9
```
#dde1b9 rgb(221,225,185)
```
#e4e7c7
```
#e4e7c7 rgb(228,231,199)
```
#ebedd5
```
#ebedd5 rgb(235,237,213)
```
#f1f3e2
```
#f1f3e2 rgb(241,243,226)
```
#f8f8f0
```
#f8f8f0 rgb(248,248,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e4e4d is the less saturated color, while #8a9605 is the most saturated one.

#4e4e4d
```
#4e4e4d rgb(78,78,77)
```
#535447
```
#535447 rgb(83,84,71)
```
#585a41
```
#585a41 rgb(88,90,65)
```
#5d603b
```
#5d603b rgb(93,96,59)
```
#626635
```
#626635 rgb(98,102,53)
```
#676c2f
```
#676c2f rgb(103,108,47)
```
#6c7229
```
#6c7229 rgb(108,114,41)
```
#717823
```
#717823 rgb(113,120,35)
```
#767e1d
```
#767e1d rgb(118,126,29)
```
#7b8417
```
#7b8417 rgb(123,132,23)
```
#808a11
```
#808a11 rgb(128,138,17)
```
#85900b
```
#85900b rgb(133,144,11)
```
#8a9605
```
#8a9605 rgb(138,150,5)
```

Tone Color Variation

Below, you can see how #676c2f 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.

Monochromacy

#646464 Achromatopsia 0.005% of the population
#656659 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6f38 Protanopia 1% of men
#886a3c Deuteranopia 1% of men
#766d74 Tritanopia 0.001% of the population

Trichromacy

#736e35 Protanomaly 1% of men, 0.01% of women
#7c6b37 Deuteranomaly 6% of men, 0.4% of women
#706c5b Tritanomaly 0.01% of the population

#676c2f hex color

#676c2f Color Information

#676c2f Color Conversion

Color Schemes with #676c2f

Alternatives to #676c2f

#676c2f Preview

Shades and Tints of #676c2f

Tones of #676c2f

Color Blindness Simulator