#676e31 hex color

In a RGB color space, hex #676e31 is composed of 40.4% red, 43.1% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 55.5% yellow and 56.9% black. It has a hue angle of 66.9 degrees, a saturation of 38.4% and a lightness of 31.2%. #676e31 color hex could be obtained by blending #cedc62 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 40
- G 43
- B 19
RGB color chart
- C 6
- M 0
- Y 55
- K 57
CMYK color chart

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

The hexadecimal color #676e31 has RGB values of R:103, G:110, B:49 and CMYK values of C:0.06, M:0, Y:0.55, K:0.57. Its decimal value is 6778417.

Hex triplet	676e31	`#676e31`
RGB Decimal	103, 110, 49	`rgb(103,110,49)`
RGB Percent	40.4, 43.1, 19.2	`rgb(40.4%,43.1%,19.2%)`
CMYK	6, 0, 55, 57
HSL	66.9°, 38.4, 31.2	`hsl(66.9,38.4%,31.2%)`
HSV (or HSB)	66.9°, 55.5, 43.1
Web Safe	666633	`#666633`

CIE-LAB	44.6, -12.312, 32.672
XYZ	11.724, 14.257, 5.04
xyY	0.378, 0.46, 14.257
CIE-LCH	44.6, 34.915, 110.649
CIE-LUV	44.6, -1.748, 37.542
Hunter-Lab	37.759, -10.655, 18.517
Binary	01100111, 01101110, 00110001

#676e31
```
#676e31 rgb(103,110,49)
```
#38316e
```
#38316e rgb(56,49,110)
```

Complementary Color

#6e5731
```
#6e5731 rgb(110,87,49)
```
#676e31
```
#676e31 rgb(103,110,49)
```
#496e31
```
#496e31 rgb(73,110,49)
```

Analogous Color

#57316e
```
#57316e rgb(87,49,110)
```
#676e31
```
#676e31 rgb(103,110,49)
```
#31496e
```
#31496e rgb(49,73,110)
```

Split Complementary Color

#6e3167
```
#6e3167 rgb(110,49,103)
```
#676e31
```
#676e31 rgb(103,110,49)
```
#31676e
```
#31676e rgb(49,103,110)
```

Triadic Color

#6e3831
```
#6e3831 rgb(110,56,49)
```
#676e31
```
#676e31 rgb(103,110,49)
```
#31676e
```
#31676e rgb(49,103,110)
```
#38316e
```
#38316e rgb(56,49,110)
```

Tetradic Color

#353919
```
#353919 rgb(53,57,25)
```
#464b21
```
#464b21 rgb(70,75,33)
```
#565c29
```
#565c29 rgb(86,92,41)
```
#676e31
```
#676e31 rgb(103,110,49)
```
#788039
```
#788039 rgb(120,128,57)
```
#889141
```
#889141 rgb(136,145,65)
```
#99a349
```
#99a349 rgb(153,163,73)
```

Monochromatic Color

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

#6e6631
```
#6e6631 rgb(110,102,49)
```
#6e6b31
```
#6e6b31 rgb(110,107,49)
```
#6c6e31
```
#6c6e31 rgb(108,110,49)
```
#676e31
```
#676e31 rgb(103,110,49)
```
#626e31
```
#626e31 rgb(98,110,49)
```
#5d6e31
```
#5d6e31 rgb(93,110,49)
```
#586e31
```
#586e31 rgb(88,110,49)
```

Similar Colors

Text with hexadecimal color #676e31

This text has a font color of #676e31.

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

#676e31 background color

This paragraph has a background color of #676e31.

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

#676e31 border color

This element has a border color of #676e31.

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

CSS codes

.text {color:#676e31;}

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

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

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 #f9faf3 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0e0f07
```
#0e0f07 rgb(14,15,7)
```
#1b1d0d
```
#1b1d0d rgb(27,29,13)
```
#272a13
```
#272a13 rgb(39,42,19)
```
#343819
```
#343819 rgb(52,56,25)
```
#41451f
```
#41451f rgb(65,69,31)
```
#4e5325
```
#4e5325 rgb(78,83,37)
```
#5a602b
```
#5a602b rgb(90,96,43)
```
#676e31
```
#676e31 rgb(103,110,49)
```
#747c37
```
#747c37 rgb(116,124,55)
```
#80893d
```
#80893d rgb(128,137,61)
```
#8d9743
```
#8d9743 rgb(141,151,67)
```
#9aa449
```
#9aa449 rgb(154,164,73)
```

Shade Color Variation

#a6b150
```
#a6b150 rgb(166,177,80)
```
#adb75e
```
#adb75e rgb(173,183,94)
```
#b4bd6b
```
#b4bd6b rgb(180,189,107)
```
#bbc379
```
#bbc379 rgb(187,195,121)
```
#c2c986
```
#c2c986 rgb(194,201,134)
```
#c8cf94
```
#c8cf94 rgb(200,207,148)
```
#cfd5a1
```
#cfd5a1 rgb(207,213,161)
```
#d6dbaf
```
#d6dbaf rgb(214,219,175)
```
#dde1bd
```
#dde1bd rgb(221,225,189)
```
#e4e7ca
```
#e4e7ca rgb(228,231,202)
```
#ebeed8
```
#ebeed8 rgb(235,238,216)
```
#f2f4e5
```
#f2f4e5 rgb(242,244,229)
```
#f9faf3
```
#f9faf3 rgb(249,250,243)
```

Tint Color Variation

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

#545649
```
#545649 rgb(84,86,73)
```
#595c43
```
#595c43 rgb(89,92,67)
```
#5e623d
```
#5e623d rgb(94,98,61)
```
#626837
```
#626837 rgb(98,104,55)
```
#676e31
```
#676e31 rgb(103,110,49)
```
#6c742b
```
#6c742b rgb(108,116,43)
```
#707a25
```
#707a25 rgb(112,122,37)
```
#75801f
```
#75801f rgb(117,128,31)
```
#7a8619
```
#7a8619 rgb(122,134,25)
```
#7f8d12
```
#7f8d12 rgb(127,141,18)
```
#83930c
```
#83930c rgb(131,147,12)
```
#889906
```
#889906 rgb(136,153,6)
```
#8d9f00
```
#8d9f00 rgb(141,159,0)
```

Tone Color Variation

Below, you can see how #676e31 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
#65675b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c713a Protanopia 1% of men
#896c3e Deuteranopia 1% of men
#766f76 Tritanopia 0.001% of the population

Trichromacy

#747036 Protanomaly 1% of men, 0.01% of women
#7d6c39 Deuteranomaly 6% of men, 0.4% of women
#706e5d Tritanomaly 0.01% of the population

#676e31 hex color

#676e31 Color Information

#676e31 Color Conversion

Color Schemes with #676e31

Alternatives to #676e31

#676e31 Preview

Shades and Tints of #676e31

Tones of #676e31

Color Blindness Simulator