#676c42 hex color

In a RGB color space, hex #676c42 is composed of 40.4% red, 42.4% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 38.9% yellow and 57.6% black. It has a hue angle of 67.1 degrees, a saturation of 24.1% and a lightness of 34.1%. #676c42 color hex could be obtained by blending #ced884 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #676c42 has RGB values of R:103, G:108, B:66 and CMYK values of C:0.05, M:0, Y:0.39, K:0.58. Its decimal value is 6777922.

Hex triplet	676c42	`#676c42`
RGB Decimal	103, 108, 66	`rgb(103,108,66)`
RGB Percent	40.4, 42.4, 25.9	`rgb(40.4%,42.4%,25.9%)`
CMYK	5, 0, 39, 58
HSL	67.1°, 24.1, 34.1	`hsl(67.1,24.1%,34.1%)`
HSV (or HSB)	67.1°, 38.9, 42.4
Web Safe	666633	`#666633`

CIE-LAB	44.236, -9.229, 22.875
XYZ	11.939, 14.002, 7.228
xyY	0.36, 0.422, 14.002
CIE-LCH	44.236, 24.667, 111.971
CIE-LUV	44.236, -1.056, 28.103
Hunter-Lab	37.419, -8.531, 14.741
Binary	01100111, 01101100, 01000010

#676c42
```
#676c42 rgb(103,108,66)
```
#47426c
```
#47426c rgb(71,66,108)
```

Complementary Color

#6c5c42
```
#6c5c42 rgb(108,92,66)
```
#676c42
```
#676c42 rgb(103,108,66)
```
#526c42
```
#526c42 rgb(82,108,66)
```

Analogous Color

#5c426c
```
#5c426c rgb(92,66,108)
```
#676c42
```
#676c42 rgb(103,108,66)
```
#42526c
```
#42526c rgb(66,82,108)
```

Split Complementary Color

#6c4267
```
#6c4267 rgb(108,66,103)
```
#676c42
```
#676c42 rgb(103,108,66)
```
#42676c
```
#42676c rgb(66,103,108)
```

Triadic Color

#6c4742
```
#6c4742 rgb(108,71,66)
```
#676c42
```
#676c42 rgb(103,108,66)
```
#42676c
```
#42676c rgb(66,103,108)
```
#47426c
```
#47426c rgb(71,66,108)
```

Tetradic Color

#3a3d25
```
#3a3d25 rgb(58,61,37)
```
#494c2f
```
#494c2f rgb(73,76,47)
```
#585c38
```
#585c38 rgb(88,92,56)
```
#676c42
```
#676c42 rgb(103,108,66)
```
#767c4c
```
#767c4c rgb(118,124,76)
```
#858c55
```
#858c55 rgb(133,140,85)
```
#949b5f
```
#949b5f rgb(148,155,95)
```

Monochromatic Color

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

#6c6742
```
#6c6742 rgb(108,103,66)
```
#6c6a42
```
#6c6a42 rgb(108,106,66)
```
#6b6c42
```
#6b6c42 rgb(107,108,66)
```
#676c42
```
#676c42 rgb(103,108,66)
```
#646c42
```
#646c42 rgb(100,108,66)
```
#606c42
```
#606c42 rgb(96,108,66)
```
#5d6c42
```
#5d6c42 rgb(93,108,66)
```

Similar Colors

Text with hexadecimal color #676c42

This text has a font color of #676c42.

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

#676c42 background color

This paragraph has a background color of #676c42.

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

#676c42 border color

This element has a border color of #676c42.

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

CSS codes

.text {color:#676c42;}

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

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

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

#0a0b06
```
#0a0b06 rgb(10,11,6)
```
#16170e
```
#16170e rgb(22,23,14)
```
#212315
```
#212315 rgb(33,35,21)
```
#2d2f1d
```
#2d2f1d rgb(45,47,29)
```
#393b24
```
#393b24 rgb(57,59,36)
```
#44472c
```
#44472c rgb(68,71,44)
```
#505433
```
#505433 rgb(80,84,51)
```
#5b603b
```
#5b603b rgb(91,96,59)
```
#676c42
```
#676c42 rgb(103,108,66)
```
#737849
```
#737849 rgb(115,120,73)
```
#7e8451
```
#7e8451 rgb(126,132,81)
```
#8a9158
```
#8a9158 rgb(138,145,88)
```
#959d60
```
#959d60 rgb(149,157,96)
```

Shade Color Variation

#9ea56b
```
#9ea56b rgb(158,165,107)
```
#a6ac77
```
#a6ac77 rgb(166,172,119)
```
#aeb484
```
#aeb484 rgb(174,180,132)
```
#b6bb90
```
#b6bb90 rgb(182,187,144)
```
#bec39c
```
#bec39c rgb(190,195,156)
```
#c6caa8
```
#c6caa8 rgb(198,202,168)
```
#ced1b4
```
#ced1b4 rgb(206,209,180)
```
#d6d9c1
```
#d6d9c1 rgb(214,217,193)
```
#dee0cd
```
#dee0cd rgb(222,224,205)
```
#e6e8d9
```
#e6e8d9 rgb(230,232,217)
```
#eeefe5
```
#eeefe5 rgb(238,239,229)
```
#f6f7f1
```
#f6f7f1 rgb(246,247,241)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#585856
```
#585856 rgb(88,88,86)
```
#5d5f4f
```
#5d5f4f rgb(93,95,79)
```
#626549
```
#626549 rgb(98,101,73)
```
#676c42
```
#676c42 rgb(103,108,66)
```
#6c733b
```
#6c733b rgb(108,115,59)
```
#717935
```
#717935 rgb(113,121,53)
```
#76802e
```
#76802e rgb(118,128,46)
```
#7b8727
```
#7b8727 rgb(123,135,39)
```
#808d21
```
#808d21 rgb(128,141,33)
```
#86941a
```
#86941a rgb(134,148,26)
```
#8b9b13
```
#8b9b13 rgb(139,155,19)
```
#90a20c
```
#90a20c rgb(144,162,12)
```
#95a806
```
#95a806 rgb(149,168,6)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#66675f Atypical Achromatopsia 0.001% of the population

Dichromacy

#79704a Protanopia 1% of men
#856b4e Deuteranopia 1% of men
#746e76 Tritanopia 0.001% of the population

Trichromacy

#736e47 Protanomaly 1% of men, 0.01% of women
#7a6b49 Deuteranomaly 6% of men, 0.4% of women
#6f6d63 Tritanomaly 0.01% of the population

#676c42 hex color

#676c42 Color Information

#676c42 Color Conversion

Color Schemes with #676c42

Alternatives to #676c42

#676c42 Preview

Shades and Tints of #676c42

Tones of #676c42

Color Blindness Simulator