#676a40 hex color

In a RGB color space, hex #676a40 is composed of 40.4% red, 41.6% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 39.6% yellow and 58.4% black. It has a hue angle of 64.3 degrees, a saturation of 24.7% and a lightness of 33.3%. #676a40 color hex could be obtained by blending #ced480 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #676a40 has RGB values of R:103, G:106, B:64 and CMYK values of C:0.03, M:0, Y:0.4, K:0.58. Its decimal value is 6777408.

Hex triplet	676a40	`#676a40`
RGB Decimal	103, 106, 64	`rgb(103,106,64)`
RGB Percent	40.4, 41.6, 25.1	`rgb(40.4%,41.6%,25.1%)`
CMYK	3, 0, 40, 58
HSL	64.3°, 24.7, 33.3	`hsl(64.3,24.7%,33.3%)`
HSV (or HSB)	64.3°, 39.6, 41.6
Web Safe	666633	`#666633`

CIE-LAB	43.598, -8.356, 23.2
XYZ	11.673, 13.562, 6.853
xyY	0.364, 0.423, 13.562
CIE-LCH	43.598, 24.658, 109.807
CIE-LUV	43.598, 0.164, 28.112
Hunter-Lab	36.826, -7.868, 14.745
Binary	01100111, 01101010, 01000000

#676a40
```
#676a40 rgb(103,106,64)
```
#43406a
```
#43406a rgb(67,64,106)
```

Complementary Color

#6a5840
```
#6a5840 rgb(106,88,64)
```
#676a40
```
#676a40 rgb(103,106,64)
```
#526a40
```
#526a40 rgb(82,106,64)
```

Analogous Color

#58406a
```
#58406a rgb(88,64,106)
```
#676a40
```
#676a40 rgb(103,106,64)
```
#40526a
```
#40526a rgb(64,82,106)
```

Split Complementary Color

#6a4067
```
#6a4067 rgb(106,64,103)
```
#676a40
```
#676a40 rgb(103,106,64)
```
#40676a
```
#40676a rgb(64,103,106)
```

Triadic Color

#6a4340
```
#6a4340 rgb(106,67,64)
```
#676a40
```
#676a40 rgb(103,106,64)
```
#40676a
```
#40676a rgb(64,103,106)
```
#43406a
```
#43406a rgb(67,64,106)
```

Tetradic Color

#393a23
```
#393a23 rgb(57,58,35)
```
#484a2d
```
#484a2d rgb(72,74,45)
```
#585a36
```
#585a36 rgb(88,90,54)
```
#676a40
```
#676a40 rgb(103,106,64)
```
#767a4a
```
#767a4a rgb(118,122,74)
```
#868a53
```
#868a53 rgb(134,138,83)
```
#959a5d
```
#959a5d rgb(149,154,93)
```

Monochromatic Color

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

#6a6340
```
#6a6340 rgb(106,99,64)
```
#6a6640
```
#6a6640 rgb(106,102,64)
```
#6a6a40
```
#6a6a40 rgb(106,106,64)
```
#676a40
```
#676a40 rgb(103,106,64)
```
#646a40
```
#646a40 rgb(100,106,64)
```
#606a40
```
#606a40 rgb(96,106,64)
```
#5d6a40
```
#5d6a40 rgb(93,106,64)
```

Similar Colors

Text with hexadecimal color #676a40

This text has a font color of #676a40.

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

#676a40 background color

This paragraph has a background color of #676a40.

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

#676a40 border color

This element has a border color of #676a40.

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

CSS codes

.text {color:#676a40;}

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

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

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

#080805
```
#080805 rgb(8,8,5)
```
#14140c
```
#14140c rgb(20,20,12)
```
#202114
```
#202114 rgb(32,33,20)
```
#2c2d1b
```
#2c2d1b rgb(44,45,27)
```
#373922
```
#373922 rgb(55,57,34)
```
#43452a
```
#43452a rgb(67,69,42)
```
#4f5231
```
#4f5231 rgb(79,82,49)
```
#5b5e39
```
#5b5e39 rgb(91,94,57)
```
#676a40
```
#676a40 rgb(103,106,64)
```
#737647
```
#737647 rgb(115,118,71)
```
#7f824f
```
#7f824f rgb(127,130,79)
```
#8b8f56
```
#8b8f56 rgb(139,143,86)
```
#979b5e
```
#979b5e rgb(151,155,94)
```

Shade Color Variation

#a0a468
```
#a0a468 rgb(160,164,104)
```
#a7ab74
```
#a7ab74 rgb(167,171,116)
```
#afb381
```
#afb381 rgb(175,179,129)
```
#b7ba8d
```
#b7ba8d rgb(183,186,141)
```
#bfc199
```
#bfc199 rgb(191,193,153)
```
#c6c9a5
```
#c6c9a5 rgb(198,201,165)
```
#ced0b2
```
#ced0b2 rgb(206,208,178)
```
#d6d8be
```
#d6d8be rgb(214,216,190)
```
#dedfca
```
#dedfca rgb(222,223,202)
```
#e5e6d6
```
#e5e6d6 rgb(229,230,214)
```
#edeee2
```
#edeee2 rgb(237,238,226)
```
#f5f5ef
```
#f5f5ef rgb(245,245,239)
```
#fcfdfb
```
#fcfdfb rgb(252,253,251)
```

Tint Color Variation

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

#565654
```
#565654 rgb(86,86,84)
```
#5c5d4d
```
#5c5d4d rgb(92,93,77)
```
#616347
```
#616347 rgb(97,99,71)
```
#676a40
```
#676a40 rgb(103,106,64)
```
#6d7139
```
#6d7139 rgb(109,113,57)
```
#727733
```
#727733 rgb(114,119,51)
```
#787e2c
```
#787e2c rgb(120,126,44)
```
#7d8426
```
#7d8426 rgb(125,132,38)
```
#838b1f
```
#838b1f rgb(131,139,31)
```
#899119
```
#899119 rgb(137,145,25)
```
#8e9812
```
#8e9812 rgb(142,152,18)
```
#949e0c
```
#949e0c rgb(148,158,12)
```
#99a505
```
#99a505 rgb(153,165,5)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#65655d Atypical Achromatopsia 0.001% of the population

Dichromacy

#786e48 Protanopia 1% of men
#846a4c Deuteranopia 1% of men
#746c74 Tritanopia 0.001% of the population

Trichromacy

#726d45 Protanomaly 1% of men, 0.01% of women
#796a47 Deuteranomaly 6% of men, 0.4% of women
#6f6b61 Tritanomaly 0.01% of the population

#676a40 hex color

#676a40 Color Information

#676a40 Color Conversion

Color Schemes with #676a40

Alternatives to #676a40

#676a40 Preview

Shades and Tints of #676a40

Tones of #676a40

Color Blindness Simulator