#676b2b hex color

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

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

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

The hexadecimal color #676b2b has RGB values of R:103, G:107, B:43 and CMYK values of C:0.04, M:0, Y:0.6, K:0.58. Its decimal value is 6777643.

Hex triplet	676b2b	`#676b2b`
RGB Decimal	103, 107, 43	`rgb(103,107,43)`
RGB Percent	40.4, 42, 16.9	`rgb(40.4%,42%,16.9%)`
CMYK	4, 0, 60, 58
HSL	63.8°, 42.7, 29.4	`hsl(63.8,42.7%,29.4%)`
HSV (or HSB)	63.8°, 59.8, 42
Web Safe	666633	`#666633`

CIE-LAB	43.615, -11.196, 34.62
XYZ	11.287, 13.573, 4.311
xyY	0.387, 0.465, 13.573
CIE-LCH	43.615, 36.385, 107.922
CIE-LUV	43.615, 0.191, 38.487
Hunter-Lab	36.842, -9.788, 18.852
Binary	01100111, 01101011, 00101011

#676b2b
```
#676b2b rgb(103,107,43)
```
#2f2b6b
```
#2f2b6b rgb(47,43,107)
```

Complementary Color

#6b4f2b
```
#6b4f2b rgb(107,79,43)
```
#676b2b
```
#676b2b rgb(103,107,43)
```
#476b2b
```
#476b2b rgb(71,107,43)
```

Analogous Color

#4f2b6b
```
#4f2b6b rgb(79,43,107)
```
#676b2b
```
#676b2b rgb(103,107,43)
```
#2b476b
```
#2b476b rgb(43,71,107)
```

Split Complementary Color

#6b2b67
```
#6b2b67 rgb(107,43,103)
```
#676b2b
```
#676b2b rgb(103,107,43)
```
#2b676b
```
#2b676b rgb(43,103,107)
```

Triadic Color

#6b2f2b
```
#6b2f2b rgb(107,47,43)
```
#676b2b
```
#676b2b rgb(103,107,43)
```
#2b676b
```
#2b676b rgb(43,103,107)
```
#2f2b6b
```
#2f2b6b rgb(47,43,107)
```

Tetradic Color

#323415
```
#323415 rgb(50,52,21)
```
#44471c
```
#44471c rgb(68,71,28)
```
#555924
```
#555924 rgb(85,89,36)
```
#676b2b
```
#676b2b rgb(103,107,43)
```
#797d32
```
#797d32 rgb(121,125,50)
```
#8a8f3a
```
#8a8f3a rgb(138,143,58)
```
#9ca241
```
#9ca241 rgb(156,162,65)
```

Monochromatic Color

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

#6b5f2b
```
#6b5f2b rgb(107,95,43)
```
#6b642b
```
#6b642b rgb(107,100,43)
```
#6b6a2b
```
#6b6a2b rgb(107,106,43)
```
#676b2b
```
#676b2b rgb(103,107,43)
```
#626b2b
```
#626b2b rgb(98,107,43)
```
#5c6b2b
```
#5c6b2b rgb(92,107,43)
```
#576b2b
```
#576b2b rgb(87,107,43)
```

Similar Colors

Text with hexadecimal color #676b2b

This text has a font color of #676b2b.

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

#676b2b background color

This paragraph has a background color of #676b2b.

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

#676b2b border color

This element has a border color of #676b2b.

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

CSS codes

.text {color:#676b2b;}

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

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

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

#090904
```
#090904 rgb(9,9,4)
```
#161709
```
#161709 rgb(22,23,9)
```
#24250f
```
#24250f rgb(36,37,15)
```
#313315
```
#313315 rgb(49,51,21)
```
#3f411a
```
#3f411a rgb(63,65,26)
```
#4c4f20
```
#4c4f20 rgb(76,79,32)
```
#5a5d25
```
#5a5d25 rgb(90,93,37)
```
#676b2b
```
#676b2b rgb(103,107,43)
```
#747931
```
#747931 rgb(116,121,49)
```
#828736
```
#828736 rgb(130,135,54)
```
#8f953c
```
#8f953c rgb(143,149,60)
```
#9da341
```
#9da341 rgb(157,163,65)
```
#aab147
```
#aab147 rgb(170,177,71)
```

Shade Color Variation

#b3ba52
```
#b3ba52 rgb(179,186,82)
```
#b9bf60
```
#b9bf60 rgb(185,191,96)
```
#bfc56e
```
#bfc56e rgb(191,197,110)
```
#c6ca7c
```
#c6ca7c rgb(198,202,124)
```
#ccd08a
```
#ccd08a rgb(204,208,138)
```
#d2d698
```
#d2d698 rgb(210,214,152)
```
#d8dba6
```
#d8dba6 rgb(216,219,166)
```
#dee1b4
```
#dee1b4 rgb(222,225,180)
```
#e4e7c2
```
#e4e7c2 rgb(228,231,194)
```
#eaecd0
```
#eaecd0 rgb(234,236,208)
```
#f1f2de
```
#f1f2de rgb(241,242,222)
```
#f7f7ec
```
#f7f7ec rgb(247,247,236)
```
#fdfdfa
```
#fdfdfa rgb(253,253,250)
```

Tint Color Variation

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

#4e4e48
```
#4e4e48 rgb(78,78,72)
```
#535442
```
#535442 rgb(83,84,66)
```
#585a3c
```
#585a3c rgb(88,90,60)
```
#5d5f37
```
#5d5f37 rgb(93,95,55)
```
#626531
```
#626531 rgb(98,101,49)
```
#676b2b
```
#676b2b rgb(103,107,43)
```
#6c7125
```
#6c7125 rgb(108,113,37)
```
#71771f
```
#71771f rgb(113,119,31)
```
#767c1a
```
#767c1a rgb(118,124,26)
```
#7b8214
```
#7b8214 rgb(123,130,20)
```
#80880e
```
#80880e rgb(128,136,14)
```
#858e08
```
#858e08 rgb(133,142,8)
```
#8a9303
```
#8a9303 rgb(138,147,3)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#646558 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6f34 Protanopia 1% of men
#876a39 Deuteranopia 1% of men
#766c73 Tritanopia 0.001% of the population

Trichromacy

#736d31 Protanomaly 1% of men, 0.01% of women
#7b6a34 Deuteranomaly 6% of men, 0.4% of women
#706b59 Tritanomaly 0.01% of the population

#676b2b hex color

#676b2b Color Information

#676b2b Color Conversion

Color Schemes with #676b2b

Alternatives to #676b2b

#676b2b Preview

Shades and Tints of #676b2b

Tones of #676b2b

Color Blindness Simulator