#676b40 hex color

In a RGB color space, hex #676b40 is composed of 40.4% red, 42% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 40.2% yellow and 58% black. It has a hue angle of 65.6 degrees, a saturation of 25.1% and a lightness of 33.5%. #676b40 color hex could be obtained by blending #ced680 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #676b40 has RGB values of R:103, G:107, B:64 and CMYK values of C:0.04, M:0, Y:0.4, K:0.58. Its decimal value is 6777664.

Hex triplet	676b40	`#676b40`
RGB Decimal	103, 107, 64	`rgb(103,107,64)`
RGB Percent	40.4, 42, 25.1	`rgb(40.4%,42%,25.1%)`
CMYK	4, 0, 40, 58
HSL	65.6°, 25.1, 33.5	`hsl(65.6,25.1%,33.5%)`
HSV (or HSB)	65.6°, 40.2, 42
Web Safe	666633	`#666633`

CIE-LAB	43.9, -8.925, 23.587
XYZ	11.776, 13.769, 6.888
xyY	0.363, 0.425, 13.769
CIE-LCH	43.9, 25.219, 110.725
CIE-LUV	43.9, -0.414, 28.66
Hunter-Lab	37.107, -8.287, 14.97
Binary	01100111, 01101011, 01000000

#676b40
```
#676b40 rgb(103,107,64)
```
#44406b
```
#44406b rgb(68,64,107)
```

Complementary Color

#6b5a40
```
#6b5a40 rgb(107,90,64)
```
#676b40
```
#676b40 rgb(103,107,64)
```
#526b40
```
#526b40 rgb(82,107,64)
```

Analogous Color

#5a406b
```
#5a406b rgb(90,64,107)
```
#676b40
```
#676b40 rgb(103,107,64)
```
#40526b
```
#40526b rgb(64,82,107)
```

Split Complementary Color

#6b4067
```
#6b4067 rgb(107,64,103)
```
#676b40
```
#676b40 rgb(103,107,64)
```
#40676b
```
#40676b rgb(64,103,107)
```

Triadic Color

#6b4440
```
#6b4440 rgb(107,68,64)
```
#676b40
```
#676b40 rgb(103,107,64)
```
#40676b
```
#40676b rgb(64,103,107)
```
#44406b
```
#44406b rgb(68,64,107)
```

Tetradic Color

#393b23
```
#393b23 rgb(57,59,35)
```
#484b2d
```
#484b2d rgb(72,75,45)
```
#585b36
```
#585b36 rgb(88,91,54)
```
#676b40
```
#676b40 rgb(103,107,64)
```
#767b4a
```
#767b4a rgb(118,123,74)
```
#868b53
```
#868b53 rgb(134,139,83)
```
#959b5d
```
#959b5d rgb(149,155,93)
```

Monochromatic Color

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

#6b6440
```
#6b6440 rgb(107,100,64)
```
#6b6840
```
#6b6840 rgb(107,104,64)
```
#6b6b40
```
#6b6b40 rgb(107,107,64)
```
#676b40
```
#676b40 rgb(103,107,64)
```
#636b40
```
#636b40 rgb(99,107,64)
```
#606b40
```
#606b40 rgb(96,107,64)
```
#5c6b40
```
#5c6b40 rgb(92,107,64)
```

Similar Colors

Text with hexadecimal color #676b40

This text has a font color of #676b40.

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

#676b40 background color

This paragraph has a background color of #676b40.

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

#676b40 border color

This element has a border color of #676b40.

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

CSS codes

.text {color:#676b40;}

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

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

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

#080905
```
#080905 rgb(8,9,5)
```
#14150d
```
#14150d rgb(20,21,13)
```
#202114
```
#202114 rgb(32,33,20)
```
#2c2e1b
```
#2c2e1b rgb(44,46,27)
```
#383a23
```
#383a23 rgb(56,58,35)
```
#44462a
```
#44462a rgb(68,70,42)
```
#4f5231
```
#4f5231 rgb(79,82,49)
```
#5b5f39
```
#5b5f39 rgb(91,95,57)
```
#676b40
```
#676b40 rgb(103,107,64)
```
#737747
```
#737747 rgb(115,119,71)
```
#7f844f
```
#7f844f rgb(127,132,79)
```
#8a9056
```
#8a9056 rgb(138,144,86)
```
#969c5d
```
#969c5d rgb(150,156,93)
```

Shade Color Variation

#9fa568
```
#9fa568 rgb(159,165,104)
```
#a7ac75
```
#a7ac75 rgb(167,172,117)
```
#afb481
```
#afb481 rgb(175,180,129)
```
#b7bb8d
```
#b7bb8d rgb(183,187,141)
```
#bec299
```
#bec299 rgb(190,194,153)
```
#c6caa6
```
#c6caa6 rgb(198,202,166)
```
#ced1b2
```
#ced1b2 rgb(206,209,178)
```
#d6d8be
```
#d6d8be rgb(214,216,190)
```
#dee0ca
```
#dee0ca rgb(222,224,202)
```
#e5e7d7
```
#e5e7d7 rgb(229,231,215)
```
#edeee3
```
#edeee3 rgb(237,238,227)
```
#f5f6ef
```
#f5f6ef rgb(245,246,239)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#575754
```
#575754 rgb(87,87,84)
```
#5c5e4d
```
#5c5e4d rgb(92,94,77)
```
#626447
```
#626447 rgb(98,100,71)
```
#676b40
```
#676b40 rgb(103,107,64)
```
#6c7239
```
#6c7239 rgb(108,114,57)
```
#727833
```
#727833 rgb(114,120,51)
```
#777f2c
```
#777f2c rgb(119,127,44)
```
#7c8526
```
#7c8526 rgb(124,133,38)
```
#828c1f
```
#828c1f rgb(130,140,31)
```
#879219
```
#879219 rgb(135,146,25)
```
#8c9912
```
#8c9912 rgb(140,153,18)
```
#92a00b
```
#92a00b rgb(146,160,11)
```
#97a605
```
#97a605 rgb(151,166,5)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#65665e Atypical Achromatopsia 0.001% of the population

Dichromacy

#796f48 Protanopia 1% of men
#846b4c Deuteranopia 1% of men
#746d75 Tritanopia 0.001% of the population

Trichromacy

#726d45 Protanomaly 1% of men, 0.01% of women
#7a6b47 Deuteranomaly 6% of men, 0.4% of women
#6f6c61 Tritanomaly 0.01% of the population

#676b40 hex color

#676b40 Color Information

#676b40 Color Conversion

Color Schemes with #676b40

Alternatives to #676b40

#676b40 Preview

Shades and Tints of #676b40

Tones of #676b40

Color Blindness Simulator