#676949 hex color

In a RGB color space, hex #676949 is composed of 40.4% red, 41.2% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 30.5% yellow and 58.8% black. It has a hue angle of 63.8 degrees, a saturation of 18% and a lightness of 34.9%. #676949 color hex could be obtained by blending #ced292 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 40
- G 41
- B 29
RGB color chart
- C 2
- M 0
- Y 30
- K 59
CMYK color chart

● #676949 color description : Very dark grayish yellow.

The hexadecimal color #676949 has RGB values of R:103, G:105, B:73 and CMYK values of C:0.02, M:0, Y:0.3, K:0.59. Its decimal value is 6777161.

Hex triplet	676949	`#676949`
RGB Decimal	103, 105, 73	`rgb(103,105,73)`
RGB Percent	40.4, 41.2, 28.6	`rgb(40.4%,41.2%,28.6%)`
CMYK	2, 0, 30, 59
HSL	63.8°, 18, 34.9	`hsl(63.8,18%,34.9%)`
HSV (or HSB)	63.8°, 30.5, 41.2
Web Safe	666633	`#666633`

CIE-LAB	43.46, -6.527, 17.789
XYZ	11.847, 13.468, 8.278
xyY	0.353, 0.401, 13.468
CIE-LCH	43.46, 18.949, 110.148
CIE-LUV	43.46, 0.392, 22.293
Hunter-Lab	36.699, -6.597, 12.314
Binary	01100111, 01101001, 01001001

#676949
```
#676949 rgb(103,105,73)
```
#4b4969
```
#4b4969 rgb(75,73,105)
```

Complementary Color

#695b49
```
#695b49 rgb(105,91,73)
```
#676949
```
#676949 rgb(103,105,73)
```
#576949
```
#576949 rgb(87,105,73)
```

Analogous Color

#5b4969
```
#5b4969 rgb(91,73,105)
```
#676949
```
#676949 rgb(103,105,73)
```
#495769
```
#495769 rgb(73,87,105)
```

Split Complementary Color

#694967
```
#694967 rgb(105,73,103)
```
#676949
```
#676949 rgb(103,105,73)
```
#496769
```
#496769 rgb(73,103,105)
```

Triadic Color

#694b49
```
#694b49 rgb(105,75,73)
```
#676949
```
#676949 rgb(103,105,73)
```
#496769
```
#496769 rgb(73,103,105)
```
#4b4969
```
#4b4969 rgb(75,73,105)
```

Tetradic Color

#3b3c2a
```
#3b3c2a rgb(59,60,42)
```
#494b34
```
#494b34 rgb(73,75,52)
```
#585a3f
```
#585a3f rgb(88,90,63)
```
#676949
```
#676949 rgb(103,105,73)
```
#767853
```
#767853 rgb(118,120,83)
```
#85875e
```
#85875e rgb(133,135,94)
```
#939668
```
#939668 rgb(147,150,104)
```

Monochromatic Color

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

#696349
```
#696349 rgb(105,99,73)
```
#696649
```
#696649 rgb(105,102,73)
```
#696849
```
#696849 rgb(105,104,73)
```
#676949
```
#676949 rgb(103,105,73)
```
#646949
```
#646949 rgb(100,105,73)
```
#626949
```
#626949 rgb(98,105,73)
```
#5f6949
```
#5f6949 rgb(95,105,73)
```

Similar Colors

Text with hexadecimal color #676949

This text has a font color of #676949.

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

#676949 background color

This paragraph has a background color of #676949.

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

#676949 border color

This element has a border color of #676949.

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

CSS codes

.text {color:#676949;}

.background {background-color:#676949;}

.border {border:1px solid #676949;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0c0c09
```
#0c0c09 rgb(12,12,9)
```
#181811
```
#181811 rgb(24,24,17)
```
#232419
```
#232419 rgb(35,36,25)
```
#2e2f21
```
#2e2f21 rgb(46,47,33)
```
#3a3b29
```
#3a3b29 rgb(58,59,41)
```
#454631
```
#454631 rgb(69,70,49)
```
#505239
```
#505239 rgb(80,82,57)
```
#5c5d41
```
#5c5d41 rgb(92,93,65)
```
#676949
```
#676949 rgb(103,105,73)
```
#727551
```
#727551 rgb(114,117,81)
```
#7e8059
```
#7e8059 rgb(126,128,89)
```
#898c61
```
#898c61 rgb(137,140,97)
```

Shade Color Variation

#949769
```
#949769 rgb(148,151,105)
```
#9c9f75
```
#9c9f75 rgb(156,159,117)
```
#a5a781
```
#a5a781 rgb(165,167,129)
```
#adaf8c
```
#adaf8c rgb(173,175,140)
```
#b5b798
```
#b5b798 rgb(181,183,152)
```
#bdbfa3
```
#bdbfa3 rgb(189,191,163)
```
#c6c7af
```
#c6c7af rgb(198,199,175)
```
#cecfba
```
#cecfba rgb(206,207,186)
```
#d6d7c6
```
#d6d7c6 rgb(214,215,198)
```
#dfdfd2
```
#dfdfd2 rgb(223,223,210)
```
#e7e7dd
```
#e7e7dd rgb(231,231,221)
```
#eff0e9
```
#eff0e9 rgb(239,240,233)
```
#f7f8f4
```
#f7f8f4 rgb(247,248,244)
```

Tint Color Variation

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

#5b5b57
```
#5b5b57 rgb(91,91,87)
```
#616250
```
#616250 rgb(97,98,80)
```
#676949
```
#676949 rgb(103,105,73)
```
#6d7042
```
#6d7042 rgb(109,112,66)
```
#73773b
```
#73773b rgb(115,119,59)
```
#797e34
```
#797e34 rgb(121,126,52)
```
#7f842e
```
#7f842e rgb(127,132,46)
```
#858b27
```
#858b27 rgb(133,139,39)
```
#8b9220
```
#8b9220 rgb(139,146,32)
```
#919919
```
#919919 rgb(145,153,25)
```
#97a012
```
#97a012 rgb(151,160,18)
```
#9da70b
```
#9da70b rgb(157,167,11)
```
#a3ad05
```
#a3ad05 rgb(163,173,5)
```

Tone Color Variation

Below, you can see how #676949 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
#65665f Atypical Achromatopsia 0.001% of the population

Dichromacy

#766e51 Protanopia 1% of men
#816a54 Deuteranopia 1% of men
#736c74 Tritanopia 0.001% of the population

Trichromacy

#706c4e Protanomaly 1% of men, 0.01% of women
#776950 Deuteranomaly 6% of men, 0.4% of women
#6f6b64 Tritanomaly 0.01% of the population

#676949 hex color

#676949 Color Information

#676949 Color Conversion

Color Schemes with #676949

Alternatives to #676949

#676949 Preview

Shades and Tints of #676949

Tones of #676949

Color Blindness Simulator