#676b4b hex color

In a RGB color space, hex #676b4b is composed of 40.4% red, 42% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 29.9% yellow and 58% black. It has a hue angle of 67.5 degrees, a saturation of 17.6% and a lightness of 35.7%. #676b4b color hex could be obtained by blending #ced696 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #676b4b has RGB values of R:103, G:107, B:75 and CMYK values of C:0.04, M:0, Y:0.3, K:0.58. Its decimal value is 6777675.

Hex triplet	676b4b	`#676b4b`
RGB Decimal	103, 107, 75	`rgb(103,107,75)`
RGB Percent	40.4, 42, 29.4	`rgb(40.4%,42%,29.4%)`
CMYK	4, 0, 30, 58
HSL	67.5°, 17.6, 35.7	`hsl(67.5,17.6%,35.7%)`
HSV (or HSB)	67.5°, 29.9, 42
Web Safe	666633	`#666633`

CIE-LAB	44.099, -7.376, 17.47
XYZ	12.121, 13.907, 8.702
xyY	0.349, 0.4, 13.907
CIE-LCH	44.099, 18.964, 112.888
CIE-LUV	44.099, -0.811, 22.21
Hunter-Lab	37.292, -7.244, 12.269
Binary	01100111, 01101011, 01001011

#676b4b
```
#676b4b rgb(103,107,75)
```
#4f4b6b
```
#4f4b6b rgb(79,75,107)
```

Complementary Color

#6b5f4b
```
#6b5f4b rgb(107,95,75)
```
#676b4b
```
#676b4b rgb(103,107,75)
```
#576b4b
```
#576b4b rgb(87,107,75)
```

Analogous Color

#5f4b6b
```
#5f4b6b rgb(95,75,107)
```
#676b4b
```
#676b4b rgb(103,107,75)
```
#4b576b
```
#4b576b rgb(75,87,107)
```

Split Complementary Color

#6b4b67
```
#6b4b67 rgb(107,75,103)
```
#676b4b
```
#676b4b rgb(103,107,75)
```
#4b676b
```
#4b676b rgb(75,103,107)
```

Triadic Color

#6b4f4b
```
#6b4f4b rgb(107,79,75)
```
#676b4b
```
#676b4b rgb(103,107,75)
```
#4b676b
```
#4b676b rgb(75,103,107)
```
#4f4b6b
```
#4f4b6b rgb(79,75,107)
```

Tetradic Color

#3c3e2b
```
#3c3e2b rgb(60,62,43)
```
#4a4d36
```
#4a4d36 rgb(74,77,54)
```
#595c40
```
#595c40 rgb(89,92,64)
```
#676b4b
```
#676b4b rgb(103,107,75)
```
#757a56
```
#757a56 rgb(117,122,86)
```
#848960
```
#848960 rgb(132,137,96)
```
#92976b
```
#92976b rgb(146,151,107)
```

Monochromatic Color

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

#6b674b
```
#6b674b rgb(107,103,75)
```
#6b6a4b
```
#6b6a4b rgb(107,106,75)
```
#6a6b4b
```
#6a6b4b rgb(106,107,75)
```
#676b4b
```
#676b4b rgb(103,107,75)
```
#646b4b
```
#646b4b rgb(100,107,75)
```
#626b4b
```
#626b4b rgb(98,107,75)
```
#5f6b4b
```
#5f6b4b rgb(95,107,75)
```

Similar Colors

Text with hexadecimal color #676b4b

This text has a font color of #676b4b.

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

#676b4b background color

This paragraph has a background color of #676b4b.

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

#676b4b border color

This element has a border color of #676b4b.

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

CSS codes

.text {color:#676b4b;}

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

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0e0f0a
```
#0e0f0a rgb(14,15,10)
```
#191a12
```
#191a12 rgb(25,26,18)
```
#24261b
```
#24261b rgb(36,38,27)
```
#2f3123
```
#2f3123 rgb(47,49,35)
```
#3b3d2b
```
#3b3d2b rgb(59,61,43)
```
#464833
```
#464833 rgb(70,72,51)
```
#51543b
```
#51543b rgb(81,84,59)
```
#5c5f43
```
#5c5f43 rgb(92,95,67)
```
#676b4b
```
#676b4b rgb(103,107,75)
```
#727753
```
#727753 rgb(114,119,83)
```
#7d825b
```
#7d825b rgb(125,130,91)
```
#888e63
```
#888e63 rgb(136,142,99)
```

Shade Color Variation

#93986c
```
#93986c rgb(147,152,108)
```
#9ba078
```
#9ba078 rgb(155,160,120)
```
#a4a883
```
#a4a883 rgb(164,168,131)
```
#acb08f
```
#acb08f rgb(172,176,143)
```
#b5b99a
```
#b5b99a rgb(181,185,154)
```
#bdc1a6
```
#bdc1a6 rgb(189,193,166)
```
#c6c9b1
```
#c6c9b1 rgb(198,201,177)
```
#ced1bd
```
#ced1bd rgb(206,209,189)
```
#d7d9c9
```
#d7d9c9 rgb(215,217,201)
```
#dfe1d4
```
#dfe1d4 rgb(223,225,212)
```
#e8e9e0
```
#e8e9e0 rgb(232,233,224)
```
#f0f1eb
```
#f0f1eb rgb(240,241,235)
```
#f9f9f7
```
#f9f9f7 rgb(249,249,247)
```

Tint Color Variation

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

#5d5d59
```
#5d5d59 rgb(93,93,89)
```
#626452
```
#626452 rgb(98,100,82)
```
#676b4b
```
#676b4b rgb(103,107,75)
```
#6c7244
```
#6c7244 rgb(108,114,68)
```
#72793d
```
#72793d rgb(114,121,61)
```
#778036
```
#778036 rgb(119,128,54)
```
#7c872f
```
#7c872f rgb(124,135,47)
```
#818e28
```
#818e28 rgb(129,142,40)
```
#879521
```
#879521 rgb(135,149,33)
```
#8c9c1a
```
#8c9c1a rgb(140,156,26)
```
#91a313
```
#91a313 rgb(145,163,19)
```
#96aa0c
```
#96aa0c rgb(150,170,12)
```
#9cb105
```
#9cb105 rgb(156,177,5)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#666761 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786f53 Protanopia 1% of men
#836b56 Deuteranopia 1% of men
#736e76 Tritanopia 0.001% of the population

Trichromacy

#716e50 Protanomaly 1% of men, 0.01% of women
#786b52 Deuteranomaly 6% of men, 0.4% of women
#6f6d66 Tritanomaly 0.01% of the population

#676b4b hex color

#676b4b Color Information

#676b4b Color Conversion

Color Schemes with #676b4b

Alternatives to #676b4b

#676b4b Preview

Shades and Tints of #676b4b

Tones of #676b4b

Color Blindness Simulator