#676f6f hex color

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

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

● #676f6f color description : Very dark grayish cyan.

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

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

CIE-LAB	46.177, -3.028, -1.049
XYZ	14.147, 15.4, 17.265
xyY	0.302, 0.329, 15.4
CIE-LCH	46.177, 3.205, 199.112
CIE-LUV	46.177, -4.368, -0.948
Hunter-Lab	39.243, -4.328, 1.385
Binary	01100111, 01101111, 01101111

#676f6f
```
#676f6f rgb(103,111,111)
```
#6f6767
```
#6f6767 rgb(111,103,103)
```

Complementary Color

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

Analogous Color

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

Split Complementary Color

#6f6f67
```
#6f6f67 rgb(111,111,103)
```
#676f6f
```
#676f6f rgb(103,111,111)
```
#6f676f
```
#6f676f rgb(111,103,111)
```

Triadic Color

#676f67
```
#676f67 rgb(103,111,103)
```
#676f6f
```
#676f6f rgb(103,111,111)
```
#6f676f
```
#6f676f rgb(111,103,111)
```
#6f6767
```
#6f6767 rgb(111,103,103)
```

Tetradic Color

#424747
```
#424747 rgb(66,71,71)
```
#4e5555
```
#4e5555 rgb(78,85,85)
```
#5b6262
```
#5b6262 rgb(91,98,98)
```
#676f6f
```
#676f6f rgb(103,111,111)
```
#737c7c
```
#737c7c rgb(115,124,124)
```
#808989
```
#808989 rgb(128,137,137)
```
#8d9595
```
#8d9595 rgb(141,149,149)
```

Monochromatic Color

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

#676f6d
```
#676f6d rgb(103,111,109)
```
#676f6e
```
#676f6e rgb(103,111,110)
```
#676f6e
```
#676f6e rgb(103,111,110)
```
#676f6f
```
#676f6f rgb(103,111,111)
```
#676e6f
```
#676e6f rgb(103,110,111)
```
#676e6f
```
#676e6f rgb(103,110,111)
```
#676d6f
```
#676d6f rgb(103,109,111)
```

Similar Colors

Text with hexadecimal color #676f6f

This text has a font color of #676f6f.

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

#676f6f background color

This paragraph has a background color of #676f6f.

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

#676f6f border color

This element has a border color of #676f6f.

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

CSS codes

.text {color:#676f6f;}

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

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

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)
```
#1b1e1e
```
#1b1e1e rgb(27,30,30)
```
#252828
```
#252828 rgb(37,40,40)
```
#2e3232
```
#2e3232 rgb(46,50,50)
```
#383c3c
```
#383c3c rgb(56,60,60)
```
#414646
```
#414646 rgb(65,70,70)
```
#4b5050
```
#4b5050 rgb(75,80,80)
```
#545b5b
```
#545b5b rgb(84,91,91)
```
#5e6565
```
#5e6565 rgb(94,101,101)
```
#676f6f
```
#676f6f rgb(103,111,111)
```
#707979
```
#707979 rgb(112,121,121)
```
#7a8383
```
#7a8383 rgb(122,131,131)
```

Shade Color Variation

#848d8d
```
#848d8d rgb(132,141,141)
```
#8e9696
```
#8e9696 rgb(142,150,150)
```
#98a0a0
```
#98a0a0 rgb(152,160,160)
```
#a3a9a9
```
#a3a9a9 rgb(163,169,169)
```
#adb3b3
```
#adb3b3 rgb(173,179,179)
```
#b7bcbc
```
#b7bcbc rgb(183,188,188)
```
#c1c6c6
```
#c1c6c6 rgb(193,198,198)
```
#cbcfcf
```
#cbcfcf rgb(203,207,207)
```
#d5d8d8
```
#d5d8d8 rgb(213,216,216)
```
#e0e2e2
```
#e0e2e2 rgb(224,226,226)
```
#eaebeb
```
#eaebeb rgb(234,235,235)
```
#f4f5f5
```
#f4f5f5 rgb(244,245,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#676f6f
```
#676f6f rgb(103,111,111)
```
#5f7777
```
#5f7777 rgb(95,119,119)
```
#577f7f
```
#577f7f rgb(87,127,127)
```
#4e8888
```
#4e8888 rgb(78,136,136)
```
#469090
```
#469090 rgb(70,144,144)
```
#3e9898
```
#3e9898 rgb(62,152,152)
```
#36a0a0
```
#36a0a0 rgb(54,160,160)
```
#2da9a9
```
#2da9a9 rgb(45,169,169)
```
#25b1b1
```
#25b1b1 rgb(37,177,177)
```
#1db9b9
```
#1db9b9 rgb(29,185,185)
```
#15c1c1
```
#15c1c1 rgb(21,193,193)
```
#0ccaca
```
#0ccaca rgb(12,202,202)
```
#04d2d2
```
#04d2d2 rgb(4,210,210)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#6c6d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#767475 Protanopia 1% of men
#7e7178 Deuteranopia 1% of men
#70757d Tritanopia 0.001% of the population

Trichromacy

#707273 Protanomaly 1% of men, 0.01% of women
#757074 Deuteranomaly 6% of men, 0.4% of women
#6c7378 Tritanomaly 0.01% of the population

#676f6f hex color

#676f6f Color Information

#676f6f Color Conversion

Color Schemes with #676f6f

Alternatives to #676f6f

#676f6f Preview

Shades and Tints of #676f6f

Tones of #676f6f

Color Blindness Simulator