#676c52 hex color

In a RGB color space, hex #676c52 is composed of 40.4% red, 42.4% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 24.1% yellow and 57.6% black. It has a hue angle of 71.5 degrees, a saturation of 13.7% and a lightness of 37.3%. #676c52 color hex could be obtained by blending #ced8a4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 42
- B 32
RGB color chart
- C 5
- M 0
- Y 24
- K 58
CMYK color chart

● #676c52 color description : Very dark grayish yellow.

The hexadecimal color #676c52 has RGB values of R:103, G:108, B:82 and CMYK values of C:0.05, M:0, Y:0.24, K:0.58. Its decimal value is 6777938.

Hex triplet	676c52	`#676c52`
RGB Decimal	103, 108, 82	`rgb(103,108,82)`
RGB Percent	40.4, 42.4, 32.2	`rgb(40.4%,42.4%,32.2%)`
CMYK	5, 0, 24, 58
HSL	71.5°, 13.7, 37.3	`hsl(71.5,13.7%,37.3%)`
HSV (or HSB)	71.5°, 24.1, 42.4
Web Safe	666666	`#666666`

CIE-LAB	44.544, -6.839, 13.943
XYZ	12.479, 14.218, 10.069
xyY	0.339, 0.387, 14.218
CIE-LCH	44.544, 15.53, 116.129
CIE-LUV	44.544, -1.635, 18.299
Hunter-Lab	37.707, -6.913, 10.562
Binary	01100111, 01101100, 01010010

#676c52
```
#676c52 rgb(103,108,82)
```
#57526c
```
#57526c rgb(87,82,108)
```

Complementary Color

#6c6452
```
#6c6452 rgb(108,100,82)
```
#676c52
```
#676c52 rgb(103,108,82)
```
#5a6c52
```
#5a6c52 rgb(90,108,82)
```

Analogous Color

#64526c
```
#64526c rgb(100,82,108)
```
#676c52
```
#676c52 rgb(103,108,82)
```
#525a6c
```
#525a6c rgb(82,90,108)
```

Split Complementary Color

#6c5267
```
#6c5267 rgb(108,82,103)
```
#676c52
```
#676c52 rgb(103,108,82)
```
#52676c
```
#52676c rgb(82,103,108)
```

Triadic Color

#6c5752
```
#6c5752 rgb(108,87,82)
```
#676c52
```
#676c52 rgb(103,108,82)
```
#52676c
```
#52676c rgb(82,103,108)
```
#57526c
```
#57526c rgb(87,82,108)
```

Tetradic Color

#3e4131
```
#3e4131 rgb(62,65,49)
```
#4b4f3c
```
#4b4f3c rgb(75,79,60)
```
#595e47
```
#595e47 rgb(89,94,71)
```
#676c52
```
#676c52 rgb(103,108,82)
```
#757a5d
```
#757a5d rgb(117,122,93)
```
#838968
```
#838968 rgb(131,137,104)
```
#909675
```
#909675 rgb(144,150,117)
```

Monochromatic Color

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

#6c6b52
```
#6c6b52 rgb(108,107,82)
```
#6b6c52
```
#6b6c52 rgb(107,108,82)
```
#696c52
```
#696c52 rgb(105,108,82)
```
#676c52
```
#676c52 rgb(103,108,82)
```
#656c52
```
#656c52 rgb(101,108,82)
```
#636c52
```
#636c52 rgb(99,108,82)
```
#616c52
```
#616c52 rgb(97,108,82)
```

Similar Colors

Text with hexadecimal color #676c52

This text has a font color of #676c52.

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

#676c52 background color

This paragraph has a background color of #676c52.

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

#676c52 border color

This element has a border color of #676c52.

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

CSS codes

.text {color:#676c52;}

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

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

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

#070806
```
#070806 rgb(7,8,6)
```
#12130e
```
#12130e rgb(18,19,14)
```
#1d1e17
```
#1d1e17 rgb(29,30,23)
```
#27291f
```
#27291f rgb(39,41,31)
```
#323428
```
#323428 rgb(50,52,40)
```
#3c3f30
```
#3c3f30 rgb(60,63,48)
```
#474b39
```
#474b39 rgb(71,75,57)
```
#525641
```
#525641 rgb(82,86,65)
```
#5c614a
```
#5c614a rgb(92,97,74)
```
#676c52
```
#676c52 rgb(103,108,82)
```
#72775a
```
#72775a rgb(114,119,90)
```
#7c8263
```
#7c8263 rgb(124,130,99)
```
#878d6b
```
#878d6b rgb(135,141,107)
```

Shade Color Variation

#909776
```
#909776 rgb(144,151,118)
```
#999f81
```
#999f81 rgb(153,159,129)
```
#a2a88c
```
#a2a88c rgb(162,168,140)
```
#abb097
```
#abb097 rgb(171,176,151)
```
#b4b9a2
```
#b4b9a2 rgb(180,185,162)
```
#bdc1ad
```
#bdc1ad rgb(189,193,173)
```
#c6cab9
```
#c6cab9 rgb(198,202,185)
```
#cfd2c4
```
#cfd2c4 rgb(207,210,196)
```
#d8dacf
```
#d8dacf rgb(216,218,207)
```
#e1e3da
```
#e1e3da rgb(225,227,218)
```
#eaebe5
```
#eaebe5 rgb(234,235,229)
```
#f3f4f0
```
#f3f4f0 rgb(243,244,240)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#636559
```
#636559 rgb(99,101,89)
```
#676c52
```
#676c52 rgb(103,108,82)
```
#6b734b
```
#6b734b rgb(107,115,75)
```
#707b43
```
#707b43 rgb(112,123,67)
```
#74823c
```
#74823c rgb(116,130,60)
```
#798935
```
#798935 rgb(121,137,53)
```
#7d912d
```
#7d912d rgb(125,145,45)
```
#829826
```
#829826 rgb(130,152,38)
```
#869f1f
```
#869f1f rgb(134,159,31)
```
#8ba618
```
#8ba618 rgb(139,166,24)
```
#8fae10
```
#8fae10 rgb(143,174,16)
```
#94b509
```
#94b509 rgb(148,181,9)
```
#98bc02
```
#98bc02 rgb(152,188,2)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#686964 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787059 Protanopia 1% of men
#826d5d Deuteranopia 1% of men
#736f77 Tritanopia 0.001% of the population

Trichromacy

#716f56 Protanomaly 1% of men, 0.01% of women
#786c59 Deuteranomaly 6% of men, 0.4% of women
#6e6e69 Tritanomaly 0.01% of the population

#676c52 hex color

#676c52 Color Information

#676c52 Color Conversion

Color Schemes with #676c52

Alternatives to #676c52

#676c52 Preview

Shades and Tints of #676c52

Tones of #676c52

Color Blindness Simulator