#676b4f hex color

In a RGB color space, hex #676b4f is composed of 40.4% red, 42% green and 31% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 26.2% yellow and 58% black. It has a hue angle of 68.6 degrees, a saturation of 15.1% and a lightness of 36.5%. #676b4f color hex could be obtained by blending #ced69e with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 42
- B 31
RGB color chart
- C 4
- M 0
- Y 26
- K 58
CMYK color chart

● #676b4f color description : Very dark grayish yellow.

The hexadecimal color #676b4f has RGB values of R:103, G:107, B:79 and CMYK values of C:0.04, M:0, Y:0.26, K:0.58. Its decimal value is 6777679.

Hex triplet	676b4f	`#676b4f`
RGB Decimal	103, 107, 79	`rgb(103,107,79)`
RGB Percent	40.4, 42, 31	`rgb(40.4%,42%,31%)`
CMYK	4, 0, 26, 58
HSL	68.6°, 15.1, 36.5	`hsl(68.6,15.1%,36.5%)`
HSV (or HSB)	68.6°, 26.2, 42
Web Safe	666666	`#666666`

CIE-LAB	44.181, -6.752, 15.222
XYZ	12.262, 13.963, 9.446
xyY	0.344, 0.391, 13.963
CIE-LCH	44.181, 16.653, 113.92
CIE-LUV	44.181, -0.968, 19.668
Hunter-Lab	37.368, -6.819, 11.17
Binary	01100111, 01101011, 01001111

#676b4f
```
#676b4f rgb(103,107,79)
```
#534f6b
```
#534f6b rgb(83,79,107)
```

Complementary Color

#6b614f
```
#6b614f rgb(107,97,79)
```
#676b4f
```
#676b4f rgb(103,107,79)
```
#596b4f
```
#596b4f rgb(89,107,79)
```

Analogous Color

#614f6b
```
#614f6b rgb(97,79,107)
```
#676b4f
```
#676b4f rgb(103,107,79)
```
#4f596b
```
#4f596b rgb(79,89,107)
```

Split Complementary Color

#6b4f67
```
#6b4f67 rgb(107,79,103)
```
#676b4f
```
#676b4f rgb(103,107,79)
```
#4f676b
```
#4f676b rgb(79,103,107)
```

Triadic Color

#6b534f
```
#6b534f rgb(107,83,79)
```
#676b4f
```
#676b4f rgb(103,107,79)
```
#4f676b
```
#4f676b rgb(79,103,107)
```
#534f6b
```
#534f6b rgb(83,79,107)
```

Tetradic Color

#3d3f2f
```
#3d3f2f rgb(61,63,47)
```
#4b4e39
```
#4b4e39 rgb(75,78,57)
```
#595c44
```
#595c44 rgb(89,92,68)
```
#676b4f
```
#676b4f rgb(103,107,79)
```
#757a5a
```
#757a5a rgb(117,122,90)
```
#838865
```
#838865 rgb(131,136,101)
```
#919671
```
#919671 rgb(145,150,113)
```

Monochromatic Color

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

#6b684f
```
#6b684f rgb(107,104,79)
```
#6b6a4f
```
#6b6a4f rgb(107,106,79)
```
#696b4f
```
#696b4f rgb(105,107,79)
```
#676b4f
```
#676b4f rgb(103,107,79)
```
#656b4f
```
#656b4f rgb(101,107,79)
```
#626b4f
```
#626b4f rgb(98,107,79)
```
#606b4f
```
#606b4f rgb(96,107,79)
```

Similar Colors

Text with hexadecimal color #676b4f

This text has a font color of #676b4f.

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

#676b4f background color

This paragraph has a background color of #676b4f.

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

#676b4f border color

This element has a border color of #676b4f.

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

CSS codes

.text {color:#676b4f;}

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

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

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, #050504 is the darkest color, while #fafbf9 is the lightest one.

#050504
```
#050504 rgb(5,5,4)
```
#10110c
```
#10110c rgb(16,17,12)
```
#1b1c15
```
#1b1c15 rgb(27,28,21)
```
#26271d
```
#26271d rgb(38,39,29)
```
#313325
```
#313325 rgb(49,51,37)
```
#3c3e2e
```
#3c3e2e rgb(60,62,46)
```
#464936
```
#464936 rgb(70,73,54)
```
#51543e
```
#51543e rgb(81,84,62)
```
#5c6047
```
#5c6047 rgb(92,96,71)
```
#676b4f
```
#676b4f rgb(103,107,79)
```
#727657
```
#727657 rgb(114,118,87)
```
#7d8260
```
#7d8260 rgb(125,130,96)
```
#888d68
```
#888d68 rgb(136,141,104)
```

Shade Color Variation

#919772
```
#919772 rgb(145,151,114)
```
#9a9f7d
```
#9a9f7d rgb(154,159,125)
```
#a3a788
```
#a3a788 rgb(163,167,136)
```
#acb094
```
#acb094 rgb(172,176,148)
```
#b4b89f
```
#b4b89f rgb(180,184,159)
```
#bdc0aa
```
#bdc0aa rgb(189,192,170)
```
#c6c9b5
```
#c6c9b5 rgb(198,201,181)
```
#cfd1c1
```
#cfd1c1 rgb(207,209,193)
```
#d7d9cc
```
#d7d9cc rgb(215,217,204)
```
#e0e2d7
```
#e0e2d7 rgb(224,226,215)
```
#e9eae3
```
#e9eae3 rgb(233,234,227)
```
#f2f2ee
```
#f2f2ee rgb(242,242,238)
```
#fafbf9
```
#fafbf9 rgb(250,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626456 is the less saturated color, while #9fba00 is the most saturated one.

#626456
```
#626456 rgb(98,100,86)
```
#676b4f
```
#676b4f rgb(103,107,79)
```
#6c7248
```
#6c7248 rgb(108,114,72)
```
#717941
```
#717941 rgb(113,121,65)
```
#76803a
```
#76803a rgb(118,128,58)
```
#7b8832
```
#7b8832 rgb(123,136,50)
```
#818f2b
```
#818f2b rgb(129,143,43)
```
#869624
```
#869624 rgb(134,150,36)
```
#8b9d1d
```
#8b9d1d rgb(139,157,29)
```
#90a416
```
#90a416 rgb(144,164,22)
```
#95ab0f
```
#95ab0f rgb(149,171,15)
```
#9ab307
```
#9ab307 rgb(154,179,7)
```
#9fba00
```
#9fba00 rgb(159,186,0)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#676862 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777057 Protanopia 1% of men
#826c5a Deuteranopia 1% of men
#736e76 Tritanopia 0.001% of the population

Trichromacy

#716e54 Protanomaly 1% of men, 0.01% of women
#786b56 Deuteranomaly 6% of men, 0.4% of women
#6f6d68 Tritanomaly 0.01% of the population

#676b4f hex color

#676b4f Color Information

#676b4f Color Conversion

Color Schemes with #676b4f

Alternatives to #676b4f

#676b4f Preview

Shades and Tints of #676b4f

Tones of #676b4f

Color Blindness Simulator