#676a5c hex color

In a RGB color space, hex #676a5c is composed of 40.4% red, 41.6% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 13.2% yellow and 58.4% black. It has a hue angle of 72.9 degrees, a saturation of 7.1% and a lightness of 38.8%. #676a5c color hex could be obtained by blending #ced4b8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 42
- B 36
RGB color chart
- C 3
- M 0
- Y 13
- K 58
CMYK color chart

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

The hexadecimal color #676a5c has RGB values of R:103, G:106, B:92 and CMYK values of C:0.03, M:0, Y:0.13, K:0.58. Its decimal value is 6777436.

Hex triplet	676a5c	`#676a5c`
RGB Decimal	103, 106, 92	`rgb(103,106,92)`
RGB Percent	40.4, 41.6, 36.1	`rgb(40.4%,41.6%,36.1%)`
CMYK	3, 0, 13, 58
HSL	72.9°, 7.1, 38.8	`hsl(72.9,7.1%,38.8%)`
HSV (or HSB)	72.9°, 13.2, 41.6
Web Safe	666666	`#666666`

CIE-LAB	44.182, -3.927, 7.469
XYZ	12.679, 13.964, 12.152
xyY	0.327, 0.36, 13.964
CIE-LCH	44.182, 8.438, 117.735
CIE-LUV	44.182, -0.99, 10.144
Hunter-Lab	37.369, -4.832, 6.878
Binary	01100111, 01101010, 01011100

#676a5c
```
#676a5c rgb(103,106,92)
```
#5f5c6a
```
#5f5c6a rgb(95,92,106)
```

Complementary Color

#6a665c
```
#6a665c rgb(106,102,92)
```
#676a5c
```
#676a5c rgb(103,106,92)
```
#606a5c
```
#606a5c rgb(96,106,92)
```

Analogous Color

#665c6a
```
#665c6a rgb(102,92,106)
```
#676a5c
```
#676a5c rgb(103,106,92)
```
#5c606a
```
#5c606a rgb(92,96,106)
```

Split Complementary Color

#6a5c67
```
#6a5c67 rgb(106,92,103)
```
#676a5c
```
#676a5c rgb(103,106,92)
```
#5c676a
```
#5c676a rgb(92,103,106)
```

Triadic Color

#6a5f5c
```
#6a5f5c rgb(106,95,92)
```
#676a5c
```
#676a5c rgb(103,106,92)
```
#5c676a
```
#5c676a rgb(92,103,106)
```
#5f5c6a
```
#5f5c6a rgb(95,92,106)
```

Tetradic Color

#3f4138
```
#3f4138 rgb(63,65,56)
```
#4c4f44
```
#4c4f44 rgb(76,79,68)
```
#5a5c50
```
#5a5c50 rgb(90,92,80)
```
#676a5c
```
#676a5c rgb(103,106,92)
```
#747868
```
#747868 rgb(116,120,104)
```
#828574
```
#828574 rgb(130,133,116)
```
#8e9281
```
#8e9281 rgb(142,146,129)
```

Monochromatic Color

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

#6a6a5c
```
#6a6a5c rgb(106,106,92)
```
#696a5c
```
#696a5c rgb(105,106,92)
```
#686a5c
```
#686a5c rgb(104,106,92)
```
#676a5c
```
#676a5c rgb(103,106,92)
```
#666a5c
```
#666a5c rgb(102,106,92)
```
#656a5c
```
#656a5c rgb(101,106,92)
```
#646a5c
```
#646a5c rgb(100,106,92)
```

Similar Colors

Text with hexadecimal color #676a5c

This text has a font color of #676a5c.

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

#676a5c background color

This paragraph has a background color of #676a5c.

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

#676a5c border color

This element has a border color of #676a5c.

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

CSS codes

.text {color:#676a5c;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0b0b0a
```
#0b0b0a rgb(11,11,10)
```
#151613
```
#151613 rgb(21,22,19)
```
#20201c
```
#20201c rgb(32,32,28)
```
#2a2b25
```
#2a2b25 rgb(42,43,37)
```
#34352e
```
#34352e rgb(52,53,46)
```
#3e4038
```
#3e4038 rgb(62,64,56)
```
#484a41
```
#484a41 rgb(72,74,65)
```
#53554a
```
#53554a rgb(83,85,74)
```
#5d5f53
```
#5d5f53 rgb(93,95,83)
```
#676a5c
```
#676a5c rgb(103,106,92)
```
#717565
```
#717565 rgb(113,117,101)
```
#7b7f6e
```
#7b7f6e rgb(123,127,110)
```

Shade Color Variation

#868977
```
#868977 rgb(134,137,119)
```
#8f9282
```
#8f9282 rgb(143,146,130)
```
#989c8c
```
#989c8c rgb(152,156,140)
```
#a2a597
```
#a2a597 rgb(162,165,151)
```
#abaea1
```
#abaea1 rgb(171,174,161)
```
#b5b7ac
```
#b5b7ac rgb(181,183,172)
```
#bec0b6
```
#bec0b6 rgb(190,192,182)
```
#c7c9c1
```
#c7c9c1 rgb(199,201,193)
```
#d1d2cb
```
#d1d2cb rgb(209,210,203)
```
#dadbd6
```
#dadbd6 rgb(218,219,214)
```
#e4e5e0
```
#e4e5e0 rgb(228,229,224)
```
#edeeeb
```
#edeeeb rgb(237,238,235)
```
#f6f7f5
```
#f6f7f5 rgb(246,247,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676a5c is the less saturated color, while #9bc501 is the most saturated one.

#676a5c
```
#676a5c rgb(103,106,92)
```
#6b7254
```
#6b7254 rgb(107,114,84)
```
#70794d
```
#70794d rgb(112,121,77)
```
#748145
```
#748145 rgb(116,129,69)
```
#78883e
```
#78883e rgb(120,136,62)
```
#7d9036
```
#7d9036 rgb(125,144,54)
```
#81982e
```
#81982e rgb(129,152,46)
```
#859f27
```
#859f27 rgb(133,159,39)
```
#8aa71f
```
#8aa71f rgb(138,167,31)
```
#8eaf17
```
#8eaf17 rgb(142,175,23)
```
#93b610
```
#93b610 rgb(147,182,16)
```
#97be08
```
#97be08 rgb(151,190,8)
```
#9bc501
```
#9bc501 rgb(155,197,1)
```

Tone Color Variation

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

Dichromacy

#756f63 Protanopia 1% of men
#7e6c66 Deuteranopia 1% of men
#726f76 Tritanopia 0.001% of the population

Trichromacy

#706d60 Protanomaly 1% of men, 0.01% of women
#756b62 Deuteranomaly 6% of men, 0.4% of women
#6e6d6d Tritanomaly 0.01% of the population

#676a5c hex color

#676a5c Color Information

#676a5c Color Conversion

Color Schemes with #676a5c

Alternatives to #676a5c

#676a5c Preview

Shades and Tints of #676a5c

Tones of #676a5c

Color Blindness Simulator