#676d5a hex color

In a RGB color space, hex #676d5a is composed of 40.4% red, 42.7% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 5.5% cyan, 0% magenta, 17.4% yellow and 57.3% black. It has a hue angle of 78.9 degrees, a saturation of 9.5% and a lightness of 39%. #676d5a color hex could be obtained by blending #cedab4 with #000000. Closest websafe color is: #666666.

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

● #676d5a color description : Very dark grayish green.

The hexadecimal color #676d5a has RGB values of R:103, G:109, B:90 and CMYK values of C:0.06, M:0, Y:0.17, K:0.57. Its decimal value is 6778202.

Hex triplet	676d5a	`#676d5a`
RGB Decimal	103, 109, 90	`rgb(103,109,90)`
RGB Percent	40.4, 42.7, 35.3	`rgb(40.4%,42.7%,35.3%)`
CMYK	6, 0, 17, 57
HSL	78.9°, 9.5, 39	`hsl(78.9,9.5%,39%)`
HSV (or HSB)	78.9°, 17.4, 42.7
Web Safe	666666	`#666666`

CIE-LAB	45.024, -6.034, 9.854
XYZ	12.907, 14.559, 11.802
xyY	0.329, 0.371, 14.559
CIE-LCH	45.024, 11.554, 121.481
CIE-LUV	45.024, -2.49, 13.444
Hunter-Lab	38.156, -6.392, 8.37
Binary	01100111, 01101101, 01011010

#676d5a
```
#676d5a rgb(103,109,90)
```
#605a6d
```
#605a6d rgb(96,90,109)
```

Complementary Color

#6d6a5a
```
#6d6a5a rgb(109,106,90)
```
#676d5a
```
#676d5a rgb(103,109,90)
```
#5e6d5a
```
#5e6d5a rgb(94,109,90)
```

Analogous Color

#6a5a6d
```
#6a5a6d rgb(106,90,109)
```
#676d5a
```
#676d5a rgb(103,109,90)
```
#5a5e6d
```
#5a5e6d rgb(90,94,109)
```

Split Complementary Color

#6d5a67
```
#6d5a67 rgb(109,90,103)
```
#676d5a
```
#676d5a rgb(103,109,90)
```
#5a676d
```
#5a676d rgb(90,103,109)
```

Triadic Color

#6d605a
```
#6d605a rgb(109,96,90)
```
#676d5a
```
#676d5a rgb(103,109,90)
```
#5a676d
```
#5a676d rgb(90,103,109)
```
#605a6d
```
#605a6d rgb(96,90,109)
```

Tetradic Color

#3f4337
```
#3f4337 rgb(63,67,55)
```
#4d5143
```
#4d5143 rgb(77,81,67)
```
#5a5f4e
```
#5a5f4e rgb(90,95,78)
```
#676d5a
```
#676d5a rgb(103,109,90)
```
#747b66
```
#747b66 rgb(116,123,102)
```
#818971
```
#818971 rgb(129,137,113)
```
#8e957f
```
#8e957f rgb(142,149,127)
```

Monochromatic Color

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

#6c6d5a
```
#6c6d5a rgb(108,109,90)
```
#6a6d5a
```
#6a6d5a rgb(106,109,90)
```
#696d5a
```
#696d5a rgb(105,109,90)
```
#676d5a
```
#676d5a rgb(103,109,90)
```
#656d5a
```
#656d5a rgb(101,109,90)
```
#646d5a
```
#646d5a rgb(100,109,90)
```
#626d5a
```
#626d5a rgb(98,109,90)
```

Similar Colors

Text with hexadecimal color #676d5a

This text has a font color of #676d5a.

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

#676d5a background color

This paragraph has a background color of #676d5a.

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

#676d5a border color

This element has a border color of #676d5a.

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

CSS codes

.text {color:#676d5a;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#0c0c0a
```
#0c0c0a rgb(12,12,10)
```
#161713
```
#161713 rgb(22,23,19)
```
#20221c
```
#20221c rgb(32,34,28)
```
#2a2d25
```
#2a2d25 rgb(42,45,37)
```
#34372e
```
#34372e rgb(52,55,46)
```
#3e4237
```
#3e4237 rgb(62,66,55)
```
#494d3f
```
#494d3f rgb(73,77,63)
```
#535848
```
#535848 rgb(83,88,72)
```
#5d6251
```
#5d6251 rgb(93,98,81)
```
#676d5a
```
#676d5a rgb(103,109,90)
```
#717863
```
#717863 rgb(113,120,99)
```
#7b826c
```
#7b826c rgb(123,130,108)
```

Shade Color Variation

#858d75
```
#858d75 rgb(133,141,117)
```
#8f9680
```
#8f9680 rgb(143,150,128)
```
#989f8a
```
#989f8a rgb(152,159,138)
```
#a2a895
```
#a2a895 rgb(162,168,149)
```
#abb0a0
```
#abb0a0 rgb(171,176,160)
```
#b5b9ab
```
#b5b9ab rgb(181,185,171)
```
#bec2b5
```
#bec2b5 rgb(190,194,181)
```
#c8cbc0
```
#c8cbc0 rgb(200,203,192)
```
#d1d4cb
```
#d1d4cb rgb(209,212,203)
```
#dbddd6
```
#dbddd6 rgb(219,221,214)
```
#e4e6e0
```
#e4e6e0 rgb(228,230,224)
```
#edefeb
```
#edefeb rgb(237,239,235)
```
#f7f7f6
```
#f7f7f6 rgb(247,247,246)
```

Tint Color Variation

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

#646562
```
#646562 rgb(100,101,98)
```
#676d5a
```
#676d5a rgb(103,109,90)
```
#6a7552
```
#6a7552 rgb(106,117,82)
```
#6d7c4b
```
#6d7c4b rgb(109,124,75)
```
#6f8443
```
#6f8443 rgb(111,132,67)
```
#728c3b
```
#728c3b rgb(114,140,59)
```
#759334
```
#759334 rgb(117,147,52)
```
#789b2c
```
#789b2c rgb(120,155,44)
```
#7ba324
```
#7ba324 rgb(123,163,36)
```
#7eaa1d
```
#7eaa1d rgb(126,170,29)
```
#80b215
```
#80b215 rgb(128,178,21)
```
#83ba0d
```
#83ba0d rgb(131,186,13)
```
#86c106
```
#86c106 rgb(134,193,6)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#696a66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787161 Protanopia 1% of men
#816e64 Deuteranopia 1% of men
#727179 Tritanopia 0.001% of the population

Trichromacy

#71705e Protanomaly 1% of men, 0.01% of women
#786d60 Deuteranomaly 6% of men, 0.4% of women
#6e6f6d Tritanomaly 0.01% of the population

#676d5a hex color

#676d5a Color Information

#676d5a Color Conversion

Color Schemes with #676d5a

Alternatives to #676d5a

#676d5a Preview

Shades and Tints of #676d5a

Tones of #676d5a

Color Blindness Simulator