#676f7f hex color

In a RGB color space, hex #676f7f is composed of 40.4% red, 43.5% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 12.6% magenta, 0% yellow and 50.2% black. It has a hue angle of 220 degrees, a saturation of 10.4% and a lightness of 45.1%. #676f7f color hex could be obtained by blending #cedefe with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 44
- B 50
RGB color chart
- C 19
- M 13
- Y 0
- K 50
CMYK color chart

● #676f7f color description : Dark grayish blue.

The hexadecimal color #676f7f has RGB values of R:103, G:111, B:127 and CMYK values of C:0.19, M:0.13, Y:0, K:0.5. Its decimal value is 6778751.

Hex triplet	676f7f	`#676f7f`
RGB Decimal	103, 111, 127	`rgb(103,111,127)`
RGB Percent	40.4, 43.5, 49.8	`rgb(40.4%,43.5%,49.8%)`
CMYK	19, 13, 0, 50
HSL	220°, 10.4, 45.1	`hsl(220,10.4%,45.1%)`
HSV (or HSB)	220°, 18.9, 49.8
Web Safe	666666	`#666666`

CIE-LAB	46.691, 0.63, -9.853
XYZ	15.108, 15.785, 22.328
xyY	0.284, 0.297, 15.785
CIE-LCH	46.691, 9.873, 273.66
CIE-LUV	46.691, -5.047, -13.845
Hunter-Lab	39.73, -1.649, -5.51
Binary	01100111, 01101111, 01111111

#676f7f
```
#676f7f rgb(103,111,127)
```
#7f7767
```
#7f7767 rgb(127,119,103)
```

Complementary Color

#677b7f
```
#677b7f rgb(103,123,127)
```
#676f7f
```
#676f7f rgb(103,111,127)
```
#6b677f
```
#6b677f rgb(107,103,127)
```

Analogous Color

#7b7f67
```
#7b7f67 rgb(123,127,103)
```
#676f7f
```
#676f7f rgb(103,111,127)
```
#7f6b67
```
#7f6b67 rgb(127,107,103)
```

Split Complementary Color

#6f7f67
```
#6f7f67 rgb(111,127,103)
```
#676f7f
```
#676f7f rgb(103,111,127)
```
#7f676f
```
#7f676f rgb(127,103,111)
```

Triadic Color

#677f77
```
#677f77 rgb(103,127,119)
```
#676f7f
```
#676f7f rgb(103,111,127)
```
#7f676f
```
#7f676f rgb(127,103,111)
```
#7f7767
```
#7f7767 rgb(127,119,103)
```

Tetradic Color

#454a55
```
#454a55 rgb(69,74,85)
```
#505663
```
#505663 rgb(80,86,99)
```
#5c6371
```
#5c6371 rgb(92,99,113)
```
#676f7f
```
#676f7f rgb(103,111,127)
```
#727b8d
```
#727b8d rgb(114,123,141)
```
#818998
```
#818998 rgb(129,137,152)
```
#8f96a4
```
#8f96a4 rgb(143,150,164)
```

Monochromatic Color

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

#67757f
```
#67757f rgb(103,117,127)
```
#67737f
```
#67737f rgb(103,115,127)
```
#67717f
```
#67717f rgb(103,113,127)
```
#676f7f
```
#676f7f rgb(103,111,127)
```
#676d7f
```
#676d7f rgb(103,109,127)
```
#676b7f
```
#676b7f rgb(103,107,127)
```
#67697f
```
#67697f rgb(103,105,127)
```

Similar Colors

Text with hexadecimal color #676f7f

This text has a font color of #676f7f.

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

#676f7f background color

This paragraph has a background color of #676f7f.

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

#676f7f border color

This element has a border color of #676f7f.

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

CSS codes

.text {color:#676f7f;}

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

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

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

#060708
```
#060708 rgb(6,7,8)
```
#0f1013
```
#0f1013 rgb(15,16,19)
```
#181a1e
```
#181a1e rgb(24,26,30)
```
#212328
```
#212328 rgb(33,35,40)
```
#2a2d33
```
#2a2d33 rgb(42,45,51)
```
#32363e
```
#32363e rgb(50,54,62)
```
#3b4049
```
#3b4049 rgb(59,64,73)
```
#444954
```
#444954 rgb(68,73,84)
```
#4d535f
```
#4d535f rgb(77,83,95)
```
#555c69
```
#555c69 rgb(85,92,105)
```
#5e6674
```
#5e6674 rgb(94,102,116)
```
#676f7f
```
#676f7f rgb(103,111,127)
```
#70788a
```
#70788a rgb(112,120,138)
```

Shade Color Variation

#7a8293
```
#7a8293 rgb(122,130,147)
```
#858d9c
```
#858d9c rgb(133,141,156)
```
#9097a5
```
#9097a5 rgb(144,151,165)
```
#9ba1ae
```
#9ba1ae rgb(155,161,174)
```
#a5abb6
```
#a5abb6 rgb(165,171,182)
```
#b0b5bf
```
#b0b5bf rgb(176,181,191)
```
#bbbfc8
```
#bbbfc8 rgb(187,191,200)
```
#c6c9d1
```
#c6c9d1 rgb(198,201,209)
```
#d1d4d9
```
#d1d4d9 rgb(209,212,217)
```
#dcdee2
```
#dcdee2 rgb(220,222,226)
```
#e6e8eb
```
#e6e8eb rgb(230,232,235)
```
#f1f2f4
```
#f1f2f4 rgb(241,242,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#707276
```
#707276 rgb(112,114,118)
```
#676f7f
```
#676f7f rgb(103,111,127)
```
#5e6c88
```
#5e6c88 rgb(94,108,136)
```
#556991
```
#556991 rgb(85,105,145)
```
#4c669a
```
#4c669a rgb(76,102,154)
```
#4463a2
```
#4463a2 rgb(68,99,162)
```
#3b60ab
```
#3b60ab rgb(59,96,171)
```
#325db4
```
#325db4 rgb(50,93,180)
```
#295abd
```
#295abd rgb(41,90,189)
```
#2057c6
```
#2057c6 rgb(32,87,198)
```
#1754cf
```
#1754cf rgb(23,84,207)
```
#0f52d7
```
#0f52d7 rgb(15,82,215)
```
#064fe0
```
#064fe0 rgb(6,79,224)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6d6e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#737584 Protanopia 1% of men
#787386 Deuteranopia 1% of men
#6d7780 Tritanopia 0.001% of the population

Trichromacy

#6e7382 Protanomaly 1% of men, 0.01% of women
#727183 Deuteranomaly 6% of men, 0.4% of women
#6b747f Tritanomaly 0.01% of the population

#676f7f hex color

#676f7f Color Information

#676f7f Color Conversion

Color Schemes with #676f7f

Alternatives to #676f7f

#676f7f Preview

Shades and Tints of #676f7f

Tones of #676f7f

Color Blindness Simulator