#676f52 hex color

In a RGB color space, hex #676f52 is composed of 40.4% red, 43.5% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 7.2% cyan, 0% magenta, 26.1% yellow and 56.5% black. It has a hue angle of 76.6 degrees, a saturation of 15% and a lightness of 37.8%. #676f52 color hex could be obtained by blending #cedea4 with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #676f52 has RGB values of R:103, G:111, B:82 and CMYK values of C:0.07, M:0, Y:0.26, K:0.56. Its decimal value is 6778706.

Hex triplet	676f52	`#676f52`
RGB Decimal	103, 111, 82	`rgb(103,111,82)`
RGB Percent	40.4, 43.5, 32.2	`rgb(40.4%,43.5%,32.2%)`
CMYK	7, 0, 26, 56
HSL	76.6°, 15, 37.8	`hsl(76.6,15%,37.8%)`
HSV (or HSB)	76.6°, 26.1, 43.5
Web Safe	666666	`#666666`

CIE-LAB	45.444, -8.554, 15.175
XYZ	12.801, 14.862, 10.176
xyY	0.338, 0.393, 14.862
CIE-LCH	45.444, 17.42, 119.408
CIE-LUV	45.444, -3.269, 20.098
Hunter-Lab	38.551, -8.194, 11.335
Binary	01100111, 01101111, 01010010

#676f52
```
#676f52 rgb(103,111,82)
```
#5a526f
```
#5a526f rgb(90,82,111)
```

Complementary Color

#6f6952
```
#6f6952 rgb(111,105,82)
```
#676f52
```
#676f52 rgb(103,111,82)
```
#596f52
```
#596f52 rgb(89,111,82)
```

Analogous Color

#69526f
```
#69526f rgb(105,82,111)
```
#676f52
```
#676f52 rgb(103,111,82)
```
#52596f
```
#52596f rgb(82,89,111)
```

Split Complementary Color

#6f5267
```
#6f5267 rgb(111,82,103)
```
#676f52
```
#676f52 rgb(103,111,82)
```
#52676f
```
#52676f rgb(82,103,111)
```

Triadic Color

#6f5a52
```
#6f5a52 rgb(111,90,82)
```
#676f52
```
#676f52 rgb(103,111,82)
```
#52676f
```
#52676f rgb(82,103,111)
```
#5a526f
```
#5a526f rgb(90,82,111)
```

Tetradic Color

#3e4331
```
#3e4331 rgb(62,67,49)
```
#4c523c
```
#4c523c rgb(76,82,60)
```
#596047
```
#596047 rgb(89,96,71)
```
#676f52
```
#676f52 rgb(103,111,82)
```
#757e5d
```
#757e5d rgb(117,126,93)
```
#828c68
```
#828c68 rgb(130,140,104)
```
#8f9975
```
#8f9975 rgb(143,153,117)
```

Monochromatic Color

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

#6e6f52
```
#6e6f52 rgb(110,111,82)
```
#6c6f52
```
#6c6f52 rgb(108,111,82)
```
#696f52
```
#696f52 rgb(105,111,82)
```
#676f52
```
#676f52 rgb(103,111,82)
```
#656f52
```
#656f52 rgb(101,111,82)
```
#626f52
```
#626f52 rgb(98,111,82)
```
#606f52
```
#606f52 rgb(96,111,82)
```

Similar Colors

Text with hexadecimal color #676f52

This text has a font color of #676f52.

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

#676f52 background color

This paragraph has a background color of #676f52.

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

#676f52 border color

This element has a border color of #676f52.

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

CSS codes

.text {color:#676f52;}

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

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

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

#090907
```
#090907 rgb(9,9,7)
```
#13150f
```
#13150f rgb(19,21,15)
```
#1e2018
```
#1e2018 rgb(30,32,24)
```
#282b20
```
#282b20 rgb(40,43,32)
```
#333728
```
#333728 rgb(51,55,40)
```
#3d4231
```
#3d4231 rgb(61,66,49)
```
#484d39
```
#484d39 rgb(72,77,57)
```
#525841
```
#525841 rgb(82,88,65)
```
#5d644a
```
#5d644a rgb(93,100,74)
```
#676f52
```
#676f52 rgb(103,111,82)
```
#717a5a
```
#717a5a rgb(113,122,90)
```
#7c8663
```
#7c8663 rgb(124,134,99)
```
#86916b
```
#86916b rgb(134,145,107)
```

Shade Color Variation

#909a76
```
#909a76 rgb(144,154,118)
```
#99a281
```
#99a281 rgb(153,162,129)
```
#a2aa8c
```
#a2aa8c rgb(162,170,140)
```
#abb398
```
#abb398 rgb(171,179,152)
```
#b4bba3
```
#b4bba3 rgb(180,187,163)
```
#bdc3ae
```
#bdc3ae rgb(189,195,174)
```
#c7ccb9
```
#c7ccb9 rgb(199,204,185)
```
#d0d4c5
```
#d0d4c5 rgb(208,212,197)
```
#d9dcd0
```
#d9dcd0 rgb(217,220,208)
```
#e2e5db
```
#e2e5db rgb(226,229,219)
```
#ebede7
```
#ebede7 rgb(235,237,231)
```
#f4f5f2
```
#f4f5f2 rgb(244,245,242)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#646859
```
#646859 rgb(100,104,89)
```
#676f52
```
#676f52 rgb(103,111,82)
```
#6a764b
```
#6a764b rgb(106,118,75)
```
#6e7e43
```
#6e7e43 rgb(110,126,67)
```
#71853c
```
#71853c rgb(113,133,60)
```
#748d34
```
#748d34 rgb(116,141,52)
```
#78942d
```
#78942d rgb(120,148,45)
```
#7b9c25
```
#7b9c25 rgb(123,156,37)
```
#7ea31e
```
#7ea31e rgb(126,163,30)
```
#82aa17
```
#82aa17 rgb(130,170,23)
```
#85b20f
```
#85b20f rgb(133,178,15)
```
#88b908
```
#88b908 rgb(136,185,8)
```
#8cc100
```
#8cc100 rgb(140,193,0)
```

Tone Color Variation

Below, you can see how #676f52 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
#696a64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7359 Protanopia 1% of men
#856e5d Deuteranopia 1% of men
#73727a Tritanopia 0.001% of the population

Trichromacy

#737156 Protanomaly 1% of men, 0.01% of women
#7a6e59 Deuteranomaly 6% of men, 0.4% of women
#6f716b Tritanomaly 0.01% of the population

#676f52 hex color

#676f52 Color Information

#676f52 Color Conversion

Color Schemes with #676f52

Alternatives to #676f52

#676f52 Preview

Shades and Tints of #676f52

Tones of #676f52

Color Blindness Simulator