#676f5d hex color

In a RGB color space, hex #676f5d is composed of 40.4% red, 43.5% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 7.2% cyan, 0% magenta, 16.2% yellow and 56.5% black. It has a hue angle of 86.7 degrees, a saturation of 8.8% and a lightness of 40%. #676f5d color hex could be obtained by blending #cedeba with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 44
- B 36
RGB color chart
- C 7
- M 0
- Y 16
- K 56
CMYK color chart

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

The hexadecimal color #676f5d has RGB values of R:103, G:111, B:93 and CMYK values of C:0.07, M:0, Y:0.16, K:0.56. Its decimal value is 6778717.

Hex triplet	676f5d	`#676f5d`
RGB Decimal	103, 111, 93	`rgb(103,111,93)`
RGB Percent	40.4, 43.5, 36.5	`rgb(40.4%,43.5%,36.5%)`
CMYK	7, 0, 16, 56
HSL	86.7°, 8.8, 40	`hsl(86.7,8.8%,40%)`
HSV (or HSB)	86.7°, 16.2, 43.5
Web Safe	666666	`#666666`

CIE-LAB	45.693, -6.638, 9.007
XYZ	13.253, 15.043, 12.561
xyY	0.324, 0.368, 15.043
CIE-LCH	45.693, 11.189, 126.393
CIE-LUV	45.693, -3.66, 12.572
Hunter-Lab	38.785, -6.878, 7.948
Binary	01100111, 01101111, 01011101

#676f5d
```
#676f5d rgb(103,111,93)
```
#655d6f
```
#655d6f rgb(101,93,111)
```

Complementary Color

#6f6e5d
```
#6f6e5d rgb(111,110,93)
```
#676f5d
```
#676f5d rgb(103,111,93)
```
#5e6f5d
```
#5e6f5d rgb(94,111,93)
```

Analogous Color

#6e5d6f
```
#6e5d6f rgb(110,93,111)
```
#676f5d
```
#676f5d rgb(103,111,93)
```
#5d5e6f
```
#5d5e6f rgb(93,94,111)
```

Split Complementary Color

#6f5d67
```
#6f5d67 rgb(111,93,103)
```
#676f5d
```
#676f5d rgb(103,111,93)
```
#5d676f
```
#5d676f rgb(93,103,111)
```

Triadic Color

#6f655d
```
#6f655d rgb(111,101,93)
```
#676f5d
```
#676f5d rgb(103,111,93)
```
#5d676f
```
#5d676f rgb(93,103,111)
```
#655d6f
```
#655d6f rgb(101,93,111)
```

Tetradic Color

#40453a
```
#40453a rgb(64,69,58)
```
#4d5346
```
#4d5346 rgb(77,83,70)
```
#5a6151
```
#5a6151 rgb(90,97,81)
```
#676f5d
```
#676f5d rgb(103,111,93)
```
#747d69
```
#747d69 rgb(116,125,105)
```
#818b74
```
#818b74 rgb(129,139,116)
```
#8d9682
```
#8d9682 rgb(141,150,130)
```

Monochromatic Color

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

#6c6f5d
```
#6c6f5d rgb(108,111,93)
```
#6a6f5d
```
#6a6f5d rgb(106,111,93)
```
#696f5d
```
#696f5d rgb(105,111,93)
```
#676f5d
```
#676f5d rgb(103,111,93)
```
#666f5d
```
#666f5d rgb(102,111,93)
```
#646f5d
```
#646f5d rgb(100,111,93)
```
#636f5d
```
#636f5d rgb(99,111,93)
```

Similar Colors

Text with hexadecimal color #676f5d

This text has a font color of #676f5d.

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

#676f5d background color

This paragraph has a background color of #676f5d.

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

#676f5d border color

This element has a border color of #676f5d.

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

CSS codes

.text {color:#676f5d;}

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

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

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

#040404
```
#040404 rgb(4,4,4)
```
#0e0f0d
```
#0e0f0d rgb(14,15,13)
```
#181a15
```
#181a15 rgb(24,26,21)
```
#22241e
```
#22241e rgb(34,36,30)
```
#2c2f27
```
#2c2f27 rgb(44,47,39)
```
#353a30
```
#353a30 rgb(53,58,48)
```
#3f4439
```
#3f4439 rgb(63,68,57)
```
#494f42
```
#494f42 rgb(73,79,66)
```
#535a4b
```
#535a4b rgb(83,90,75)
```
#5d6454
```
#5d6454 rgb(93,100,84)
```
#676f5d
```
#676f5d rgb(103,111,93)
```
#717a66
```
#717a66 rgb(113,122,102)
```
#7b846f
```
#7b846f rgb(123,132,111)
```

Shade Color Variation

#858e79
```
#858e79 rgb(133,142,121)
```
#8e9783
```
#8e9783 rgb(142,151,131)
```
#98a08e
```
#98a08e rgb(152,160,142)
```
#a2a999
```
#a2a999 rgb(162,169,153)
```
#abb2a3
```
#abb2a3 rgb(171,178,163)
```
#b5bbae
```
#b5bbae rgb(181,187,174)
```
#bfc4b9
```
#bfc4b9 rgb(191,196,185)
```
#c9cdc3
```
#c9cdc3 rgb(201,205,195)
```
#d2d6ce
```
#d2d6ce rgb(210,214,206)
```
#dcdfd9
```
#dcdfd9 rgb(220,223,217)
```
#e6e8e3
```
#e6e8e3 rgb(230,232,227)
```
#eff1ee
```
#eff1ee rgb(239,241,238)
```
#f9faf9
```
#f9faf9 rgb(249,250,249)
```

Tint Color Variation

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

#666765
```
#666765 rgb(102,103,101)
```
#676f5d
```
#676f5d rgb(103,111,93)
```
#687755
```
#687755 rgb(104,119,85)
```
#697f4d
```
#697f4d rgb(105,127,77)
```
#6a8745
```
#6a8745 rgb(106,135,69)
```
#6a8e3e
```
#6a8e3e rgb(106,142,62)
```
#6b9636
```
#6b9636 rgb(107,150,54)
```
#6c9e2e
```
#6c9e2e rgb(108,158,46)
```
#6da626
```
#6da626 rgb(109,166,38)
```
#6eae1e
```
#6eae1e rgb(110,174,30)
```
#6fb616
```
#6fb616 rgb(111,182,22)
```
#70bd0f
```
#70bd0f rgb(112,189,15)
```
#71c507
```
#71c507 rgb(113,197,7)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#6a6c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797364 Protanopia 1% of men
#836f67 Deuteranopia 1% of men
#72737b Tritanopia 0.001% of the population

Trichromacy

#727161 Protanomaly 1% of men, 0.01% of women
#786f63 Deuteranomaly 6% of men, 0.4% of women
#6e7170 Tritanomaly 0.01% of the population

#676f5d hex color

#676f5d Color Information

#676f5d Color Conversion

Color Schemes with #676f5d

Alternatives to #676f5d

#676f5d Preview

Shades and Tints of #676f5d

Tones of #676f5d

Color Blindness Simulator