#676b5a hex color

In a RGB color space, hex #676b5a is composed of 40.4% red, 42% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 15.9% yellow and 58% black. It has a hue angle of 74.1 degrees, a saturation of 8.6% and a lightness of 38.6%. #676b5a color hex could be obtained by blending #ced6b4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 42
- B 35
RGB color chart
- C 4
- M 0
- Y 16
- K 58
CMYK color chart

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

The hexadecimal color #676b5a has RGB values of R:103, G:107, B:90 and CMYK values of C:0.04, M:0, Y:0.16, K:0.58. Its decimal value is 6777690.

Hex triplet	676b5a	`#676b5a`
RGB Decimal	103, 107, 90	`rgb(103,107,90)`
RGB Percent	40.4, 42, 35.3	`rgb(40.4%,42%,35.3%)`
CMYK	4, 0, 16, 58
HSL	74.1°, 8.6, 38.6	`hsl(74.1,8.6%,38.6%)`
HSV (or HSB)	74.1°, 15.9, 42
Web Safe	666666	`#666666`

CIE-LAB	44.429, -4.876, 9.017
XYZ	12.696, 14.137, 11.732
xyY	0.329, 0.367, 14.137
CIE-LCH	44.429, 10.251, 118.402
CIE-LUV	44.429, -1.429, 12.199
Hunter-Lab	37.599, -5.524, 7.819
Binary	01100111, 01101011, 01011010

#676b5a
```
#676b5a rgb(103,107,90)
```
#5e5a6b
```
#5e5a6b rgb(94,90,107)
```

Complementary Color

#6b675a
```
#6b675a rgb(107,103,90)
```
#676b5a
```
#676b5a rgb(103,107,90)
```
#5f6b5a
```
#5f6b5a rgb(95,107,90)
```

Analogous Color

#675a6b
```
#675a6b rgb(103,90,107)
```
#676b5a
```
#676b5a rgb(103,107,90)
```
#5a5f6b
```
#5a5f6b rgb(90,95,107)
```

Split Complementary Color

#6b5a67
```
#6b5a67 rgb(107,90,103)
```
#676b5a
```
#676b5a rgb(103,107,90)
```
#5a676b
```
#5a676b rgb(90,103,107)
```

Triadic Color

#6b5e5a
```
#6b5e5a rgb(107,94,90)
```
#676b5a
```
#676b5a rgb(103,107,90)
```
#5a676b
```
#5a676b rgb(90,103,107)
```
#5e5a6b
```
#5e5a6b rgb(94,90,107)
```

Tetradic Color

#3f4137
```
#3f4137 rgb(63,65,55)
```
#4c4f43
```
#4c4f43 rgb(76,79,67)
```
#5a5d4e
```
#5a5d4e rgb(90,93,78)
```
#676b5a
```
#676b5a rgb(103,107,90)
```
#747966
```
#747966 rgb(116,121,102)
```
#828771
```
#828771 rgb(130,135,113)
```
#8e937f
```
#8e937f rgb(142,147,127)
```

Monochromatic Color

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

#6b6b5a
```
#6b6b5a rgb(107,107,90)
```
#6a6b5a
```
#6a6b5a rgb(106,107,90)
```
#686b5a
```
#686b5a rgb(104,107,90)
```
#676b5a
```
#676b5a rgb(103,107,90)
```
#666b5a
```
#666b5a rgb(102,107,90)
```
#646b5a
```
#646b5a rgb(100,107,90)
```
#636b5a
```
#636b5a rgb(99,107,90)
```

Similar Colors

Text with hexadecimal color #676b5a

This text has a font color of #676b5a.

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

#676b5a background color

This paragraph has a background color of #676b5a.

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

#676b5a border color

This element has a border color of #676b5a.

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

CSS codes

.text {color:#676b5a;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b0b09
```
#0b0b09 rgb(11,11,9)
```
#151612
```
#151612 rgb(21,22,18)
```
#1f201b
```
#1f201b rgb(31,32,27)
```
#292b24
```
#292b24 rgb(41,43,36)
```
#34362d
```
#34362d rgb(52,54,45)
```
#3e4036
```
#3e4036 rgb(62,64,54)
```
#484b3f
```
#484b3f rgb(72,75,63)
```
#525648
```
#525648 rgb(82,86,72)
```
#5d6051
```
#5d6051 rgb(93,96,81)
```
#676b5a
```
#676b5a rgb(103,107,90)
```
#717663
```
#717663 rgb(113,118,99)
```
#7c806c
```
#7c806c rgb(124,128,108)
```

Shade Color Variation

#868b75
```
#868b75 rgb(134,139,117)
```
#8f9480
```
#8f9480 rgb(143,148,128)
```
#989d8a
```
#989d8a rgb(152,157,138)
```
#a2a695
```
#a2a695 rgb(162,166,149)
```
#abafa0
```
#abafa0 rgb(171,175,160)
```
#b5b8aa
```
#b5b8aa rgb(181,184,170)
```
#bec1b5
```
#bec1b5 rgb(190,193,181)
```
#c7cac0
```
#c7cac0 rgb(199,202,192)
```
#d1d3ca
```
#d1d3ca rgb(209,211,202)
```
#dadcd5
```
#dadcd5 rgb(218,220,213)
```
#e3e5df
```
#e3e5df rgb(227,229,223)
```
#ededea
```
#ededea rgb(237,237,234)
```
#f6f6f5
```
#f6f6f5 rgb(246,246,245)
```

Tint Color Variation

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

#636362
```
#636362 rgb(99,99,98)
```
#676b5a
```
#676b5a rgb(103,107,90)
```
#6b7352
```
#6b7352 rgb(107,115,82)
```
#6f7a4b
```
#6f7a4b rgb(111,122,75)
```
#738243
```
#738243 rgb(115,130,67)
```
#77893c
```
#77893c rgb(119,137,60)
```
#7b9134
```
#7b9134 rgb(123,145,52)
```
#7f982d
```
#7f982d rgb(127,152,45)
```
#83a025
```
#83a025 rgb(131,160,37)
```
#87a81d
```
#87a81d rgb(135,168,29)
```
#8baf16
```
#8baf16 rgb(139,175,22)
```
#8fb70e
```
#8fb70e rgb(143,183,14)
```
#93be07
```
#93be07 rgb(147,190,7)
```

Tone Color Variation

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

Dichromacy

#767061 Protanopia 1% of men
#7f6d64 Deuteranopia 1% of men
#726f77 Tritanopia 0.001% of the population

Trichromacy

#706e5e Protanomaly 1% of men, 0.01% of women
#766c60 Deuteranomaly 6% of men, 0.4% of women
#6e6d6c Tritanomaly 0.01% of the population

#676b5a hex color

#676b5a Color Information

#676b5a Color Conversion

Color Schemes with #676b5a

Alternatives to #676b5a

#676b5a Preview

Shades and Tints of #676b5a

Tones of #676b5a

Color Blindness Simulator