#676b56 hex color

In a RGB color space, hex #676b56 is composed of 40.4% red, 42% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 19.6% yellow and 58% black. It has a hue angle of 71.4 degrees, a saturation of 10.9% and a lightness of 37.8%. #676b56 color hex could be obtained by blending #ced6ac with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #676b56 has RGB values of R:103, G:107, B:86 and CMYK values of C:0.04, M:0, Y:0.2, K:0.58. Its decimal value is 6777686.

Hex triplet	676b56	`#676b56`
RGB Decimal	103, 107, 86	`rgb(103,107,86)`
RGB Percent	40.4, 42, 33.7	`rgb(40.4%,42%,33.7%)`
CMYK	4, 0, 20, 58
HSL	71.4°, 10.9, 37.8	`hsl(71.4,10.9%,37.8%)`
HSV (or HSB)	71.4°, 19.6, 42
Web Safe	666666	`#666666`

CIE-LAB	44.334, -5.585, 11.275
XYZ	12.531, 14.071, 10.859
xyY	0.334, 0.376, 14.071
CIE-LCH	44.334, 12.583, 116.352
CIE-LUV	44.334, -1.257, 14.991
Hunter-Lab	37.511, -6.016, 9.093
Binary	01100111, 01101011, 01010110

#676b56
```
#676b56 rgb(103,107,86)
```
#5a566b
```
#5a566b rgb(90,86,107)
```

Complementary Color

#6b6556
```
#6b6556 rgb(107,101,86)
```
#676b56
```
#676b56 rgb(103,107,86)
```
#5d6b56
```
#5d6b56 rgb(93,107,86)
```

Analogous Color

#65566b
```
#65566b rgb(101,86,107)
```
#676b56
```
#676b56 rgb(103,107,86)
```
#565d6b
```
#565d6b rgb(86,93,107)
```

Split Complementary Color

#6b5667
```
#6b5667 rgb(107,86,103)
```
#676b56
```
#676b56 rgb(103,107,86)
```
#56676b
```
#56676b rgb(86,103,107)
```

Triadic Color

#6b5a56
```
#6b5a56 rgb(107,90,86)
```
#676b56
```
#676b56 rgb(103,107,86)
```
#56676b
```
#56676b rgb(86,103,107)
```
#5a566b
```
#5a566b rgb(90,86,107)
```

Tetradic Color

#3e4134
```
#3e4134 rgb(62,65,52)
```
#4c4f3f
```
#4c4f3f rgb(76,79,63)
```
#595d4b
```
#595d4b rgb(89,93,75)
```
#676b56
```
#676b56 rgb(103,107,86)
```
#757961
```
#757961 rgb(117,121,97)
```
#82876d
```
#82876d rgb(130,135,109)
```
#8f947a
```
#8f947a rgb(143,148,122)
```

Monochromatic Color

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

#6b6a56
```
#6b6a56 rgb(107,106,86)
```
#6b6b56
```
#6b6b56 rgb(107,107,86)
```
#696b56
```
#696b56 rgb(105,107,86)
```
#676b56
```
#676b56 rgb(103,107,86)
```
#656b56
```
#656b56 rgb(101,107,86)
```
#646b56
```
#646b56 rgb(100,107,86)
```
#626b56
```
#626b56 rgb(98,107,86)
```

Similar Colors

Text with hexadecimal color #676b56

This text has a font color of #676b56.

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

#676b56 background color

This paragraph has a background color of #676b56.

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

#676b56 border color

This element has a border color of #676b56.

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

CSS codes

.text {color:#676b56;}

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

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

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

#090907
```
#090907 rgb(9,9,7)
```
#131410
```
#131410 rgb(19,20,16)
```
#1e1f19
```
#1e1f19 rgb(30,31,25)
```
#282a22
```
#282a22 rgb(40,42,34)
```
#33352a
```
#33352a rgb(51,53,42)
```
#3d4033
```
#3d4033 rgb(61,64,51)
```
#484a3c
```
#484a3c rgb(72,74,60)
```
#525545
```
#525545 rgb(82,85,69)
```
#5d604d
```
#5d604d rgb(93,96,77)
```
#676b56
```
#676b56 rgb(103,107,86)
```
#71765f
```
#71765f rgb(113,118,95)
```
#7c8167
```
#7c8167 rgb(124,129,103)
```
#868c70
```
#868c70 rgb(134,140,112)
```

Shade Color Variation

#90957b
```
#90957b rgb(144,149,123)
```
#999d86
```
#999d86 rgb(153,157,134)
```
#a2a691
```
#a2a691 rgb(162,166,145)
```
#abaf9b
```
#abaf9b rgb(171,175,155)
```
#b4b8a6
```
#b4b8a6 rgb(180,184,166)
```
#bdc0b1
```
#bdc0b1 rgb(189,192,177)
```
#c7c9bc
```
#c7c9bc rgb(199,201,188)
```
#d0d2c7
```
#d0d2c7 rgb(208,210,199)
```
#d9dbd2
```
#d9dbd2 rgb(217,219,210)
```
#e2e3dd
```
#e2e3dd rgb(226,227,221)
```
#ebece8
```
#ebece8 rgb(235,236,232)
```
#f4f5f2
```
#f4f5f2 rgb(244,245,242)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#62645d
```
#62645d rgb(98,100,93)
```
#676b56
```
#676b56 rgb(103,107,86)
```
#6c724f
```
#6c724f rgb(108,114,79)
```
#707a47
```
#707a47 rgb(112,122,71)
```
#758140
```
#758140 rgb(117,129,64)
```
#798938
```
#798938 rgb(121,137,56)
```
#7e9031
```
#7e9031 rgb(126,144,49)
```
#839829
```
#839829 rgb(131,152,41)
```
#879f22
```
#879f22 rgb(135,159,34)
```
#8ca61b
```
#8ca61b rgb(140,166,27)
```
#90ae13
```
#90ae13 rgb(144,174,19)
```
#95b50c
```
#95b50c rgb(149,181,12)
```
#9abd04
```
#9abd04 rgb(154,189,4)
```

Tone Color Variation

Below, you can see how #676b56 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
#676864 Atypical Achromatopsia 0.001% of the population

Dichromacy

#76705d Protanopia 1% of men
#806c60 Deuteranopia 1% of men
#726f77 Tritanopia 0.001% of the population

Trichromacy

#716e5a Protanomaly 1% of men, 0.01% of women
#776c5c Deuteranomaly 6% of men, 0.4% of women
#6e6d6b Tritanomaly 0.01% of the population

#676b56 hex color

#676b56 Color Information

#676b56 Color Conversion

Color Schemes with #676b56

Alternatives to #676b56

#676b56 Preview

Shades and Tints of #676b56

Tones of #676b56

Color Blindness Simulator