#676f6b hex color

In a RGB color space, hex #676f6b is composed of 40.4% red, 43.5% green and 42% blue. Whereas in a CMYK color space, it is composed of 7.2% cyan, 0% magenta, 3.6% yellow and 56.5% black. It has a hue angle of 150 degrees, a saturation of 3.7% and a lightness of 42%. #676f6b color hex could be obtained by blending #ceded6 with #000000. Closest websafe color is: #666666.

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

● #676f6b color description : Very dark grayish cyan - lime green.

The hexadecimal color #676f6b has RGB values of R:103, G:111, B:107 and CMYK values of C:0.07, M:0, Y:0.04, K:0.56. Its decimal value is 6778731.

Hex triplet	676f6b	`#676f6b`
RGB Decimal	103, 111, 107	`rgb(103,111,107)`
RGB Percent	40.4, 43.5, 42	`rgb(40.4%,43.5%,42%)`
CMYK	7, 0, 4, 56
HSL	150°, 3.7, 42	`hsl(150,3.7%,42%)`
HSV (or HSB)	150°, 7.2, 43.5
Web Safe	666666	`#666666`

CIE-LAB	46.061, -3.879, 1.175
XYZ	13.931, 15.314, 16.131
xyY	0.307, 0.337, 15.314
CIE-LCH	46.061, 4.053, 163.153
CIE-LUV	46.061, -4.205, 2.164
Hunter-Lab	39.133, -4.937, 2.953
Binary	01100111, 01101111, 01101011

#676f6b
```
#676f6b rgb(103,111,107)
```
#6f676b
```
#6f676b rgb(111,103,107)
```

Complementary Color

#676f67
```
#676f67 rgb(103,111,103)
```
#676f6b
```
#676f6b rgb(103,111,107)
```
#676f6f
```
#676f6f rgb(103,111,111)
```

Analogous Color

#6f6767
```
#6f6767 rgb(111,103,103)
```
#676f6b
```
#676f6b rgb(103,111,107)
```
#6f676f
```
#6f676f rgb(111,103,111)
```

Split Complementary Color

#6f6b67
```
#6f6b67 rgb(111,107,103)
```
#676f6b
```
#676f6b rgb(103,111,107)
```
#6b676f
```
#6b676f rgb(107,103,111)
```

Triadic Color

#6b6f67
```
#6b6f67 rgb(107,111,103)
```
#676f6b
```
#676f6b rgb(103,111,107)
```
#6b676f
```
#6b676f rgb(107,103,111)
```
#6f676b
```
#6f676b rgb(111,103,107)
```

Tetradic Color

#424745
```
#424745 rgb(66,71,69)
```
#4e5552
```
#4e5552 rgb(78,85,82)
```
#5b625e
```
#5b625e rgb(91,98,94)
```
#676f6b
```
#676f6b rgb(103,111,107)
```
#737c78
```
#737c78 rgb(115,124,120)
```
#808985
```
#808985 rgb(128,137,133)
```
#8d9591
```
#8d9591 rgb(141,149,145)
```

Monochromatic Color

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

#676f69
```
#676f69 rgb(103,111,105)
```
#676f6a
```
#676f6a rgb(103,111,106)
```
#676f6a
```
#676f6a rgb(103,111,106)
```
#676f6b
```
#676f6b rgb(103,111,107)
```
#676f6c
```
#676f6c rgb(103,111,108)
```
#676f6c
```
#676f6c rgb(103,111,108)
```
#676f6d
```
#676f6d rgb(103,111,109)
```

Similar Colors

Text with hexadecimal color #676f6b

This text has a font color of #676f6b.

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

#676f6b background color

This paragraph has a background color of #676f6b.

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

#676f6b border color

This element has a border color of #676f6b.

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

CSS codes

.text {color:#676f6b;}

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

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

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

#090909
```
#090909 rgb(9,9,9)
```
#121313
```
#121313 rgb(18,19,19)
```
#1b1e1d
```
#1b1e1d rgb(27,30,29)
```
#252826
```
#252826 rgb(37,40,38)
```
#2e3230
```
#2e3230 rgb(46,50,48)
```
#383c3a
```
#383c3a rgb(56,60,58)
```
#414644
```
#414644 rgb(65,70,68)
```
#4b504e
```
#4b504e rgb(75,80,78)
```
#545b57
```
#545b57 rgb(84,91,87)
```
#5e6561
```
#5e6561 rgb(94,101,97)
```
#676f6b
```
#676f6b rgb(103,111,107)
```
#707975
```
#707975 rgb(112,121,117)
```
#7a837f
```
#7a837f rgb(122,131,127)
```

Shade Color Variation

#848d88
```
#848d88 rgb(132,141,136)
```
#8e9692
```
#8e9692 rgb(142,150,146)
```
#98a09c
```
#98a09c rgb(152,160,156)
```
#a3a9a6
```
#a3a9a6 rgb(163,169,166)
```
#adb3b0
```
#adb3b0 rgb(173,179,176)
```
#b7bcb9
```
#b7bcb9 rgb(183,188,185)
```
#c1c6c3
```
#c1c6c3 rgb(193,198,195)
```
#cbcfcd
```
#cbcfcd rgb(203,207,205)
```
#d5d8d7
```
#d5d8d7 rgb(213,216,215)
```
#e0e2e1
```
#e0e2e1 rgb(224,226,225)
```
#eaebeb
```
#eaebeb rgb(234,235,235)
```
#f4f5f4
```
#f4f5f4 rgb(244,245,244)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#676f6b
```
#676f6b rgb(103,111,107)
```
#5f776b
```
#5f776b rgb(95,119,107)
```
#577f6b
```
#577f6b rgb(87,127,107)
```
#4e886b
```
#4e886b rgb(78,136,107)
```
#46906b
```
#46906b rgb(70,144,107)
```
#3e986b
```
#3e986b rgb(62,152,107)
```
#36a06b
```
#36a06b rgb(54,160,107)
```
#2da96b
```
#2da96b rgb(45,169,107)
```
#25b16b
```
#25b16b rgb(37,177,107)
```
#1db96b
```
#1db96b rgb(29,185,107)
```
#15c16b
```
#15c16b rgb(21,193,107)
```
#0cca6b
```
#0cca6b rgb(12,202,107)
```
#04d26b
```
#04d26b rgb(4,210,107)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#6b6d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#777471 Protanopia 1% of men
#7f7174 Deuteranopia 1% of men
#70747d Tritanopia 0.001% of the population

Trichromacy

#71726f Protanomaly 1% of men, 0.01% of women
#767070 Deuteranomaly 6% of men, 0.4% of women
#6d7276 Tritanomaly 0.01% of the population

#676f6b hex color

#676f6b Color Information

#676f6b Color Conversion

Color Schemes with #676f6b

Alternatives to #676f6b

#676f6b Preview

Shades and Tints of #676f6b

Tones of #676f6b

Color Blindness Simulator