#676c7f hex color

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

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

● #676c7f color description : Dark grayish blue.

The hexadecimal color #676c7f has RGB values of R:103, G:108, B:127 and CMYK values of C:0.19, M:0.15, Y:0, K:0.5. Its decimal value is 6777983.

Hex triplet	676c7f	`#676c7f`
RGB Decimal	103, 108, 127	`rgb(103,108,127)`
RGB Percent	40.4, 42.4, 49.8	`rgb(40.4%,42.4%,49.8%)`
CMYK	19, 15, 0, 50
HSL	227.5°, 10.4, 45.1	`hsl(227.5,10.4%,45.1%)`
HSV (or HSB)	227.5°, 18.9, 49.8
Web Safe	666666	`#666666`

CIE-LAB	45.826, 2.417, -11.154
XYZ	14.786, 15.141, 22.221
xyY	0.284, 0.29, 15.141
CIE-LCH	45.826, 11.413, 282.229
CIE-LUV	45.826, -3.671, -15.915
Hunter-Lab	38.911, -0.265, -6.621
Binary	01100111, 01101100, 01111111

#676c7f
```
#676c7f rgb(103,108,127)
```
#7f7a67
```
#7f7a67 rgb(127,122,103)
```

Complementary Color

#67787f
```
#67787f rgb(103,120,127)
```
#676c7f
```
#676c7f rgb(103,108,127)
```
#6e677f
```
#6e677f rgb(110,103,127)
```

Analogous Color

#787f67
```
#787f67 rgb(120,127,103)
```
#676c7f
```
#676c7f rgb(103,108,127)
```
#7f6e67
```
#7f6e67 rgb(127,110,103)
```

Split Complementary Color

#6c7f67
```
#6c7f67 rgb(108,127,103)
```
#676c7f
```
#676c7f rgb(103,108,127)
```
#7f676c
```
#7f676c rgb(127,103,108)
```

Triadic Color

#677f7a
```
#677f7a rgb(103,127,122)
```
#676c7f
```
#676c7f rgb(103,108,127)
```
#7f676c
```
#7f676c rgb(127,103,108)
```
#7f7a67
```
#7f7a67 rgb(127,122,103)
```

Tetradic Color

#454855
```
#454855 rgb(69,72,85)
```
#505463
```
#505463 rgb(80,84,99)
```
#5c6071
```
#5c6071 rgb(92,96,113)
```
#676c7f
```
#676c7f rgb(103,108,127)
```
#72788d
```
#72788d rgb(114,120,141)
```
#818698
```
#818698 rgb(129,134,152)
```
#8f93a4
```
#8f93a4 rgb(143,147,164)
```

Monochromatic Color

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

#67727f
```
#67727f rgb(103,114,127)
```
#67707f
```
#67707f rgb(103,112,127)
```
#676e7f
```
#676e7f rgb(103,110,127)
```
#676c7f
```
#676c7f rgb(103,108,127)
```
#676a7f
```
#676a7f rgb(103,106,127)
```
#67687f
```
#67687f rgb(103,104,127)
```
#68677f
```
#68677f rgb(104,103,127)
```

Similar Colors

Text with hexadecimal color #676c7f

This text has a font color of #676c7f.

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

#676c7f background color

This paragraph has a background color of #676c7f.

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

#676c7f border color

This element has a border color of #676c7f.

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

CSS codes

.text {color:#676c7f;}

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

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

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)
```
#18191e
```
#18191e rgb(24,25,30)
```
#212228
```
#212228 rgb(33,34,40)
```
#2a2c33
```
#2a2c33 rgb(42,44,51)
```
#32353e
```
#32353e rgb(50,53,62)
```
#3b3e49
```
#3b3e49 rgb(59,62,73)
```
#444754
```
#444754 rgb(68,71,84)
```
#4d505f
```
#4d505f rgb(77,80,95)
```
#555a69
```
#555a69 rgb(85,90,105)
```
#5e6374
```
#5e6374 rgb(94,99,116)
```
#676c7f
```
#676c7f rgb(103,108,127)
```
#70758a
```
#70758a rgb(112,117,138)
```

Shade Color Variation

#7a7f93
```
#7a7f93 rgb(122,127,147)
```
#858a9c
```
#858a9c rgb(133,138,156)
```
#9094a5
```
#9094a5 rgb(144,148,165)
```
#9b9fae
```
#9b9fae rgb(155,159,174)
```
#a5a9b6
```
#a5a9b6 rgb(165,169,182)
```
#b0b3bf
```
#b0b3bf rgb(176,179,191)
```
#bbbec8
```
#bbbec8 rgb(187,190,200)
```
#c6c8d1
```
#c6c8d1 rgb(198,200,209)
```
#d1d3d9
```
#d1d3d9 rgb(209,211,217)
```
#dcdde2
```
#dcdde2 rgb(220,221,226)
```
#e6e7eb
```
#e6e7eb rgb(230,231,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, #707176 is the less saturated color, while #0633e0 is the most saturated one.

#707176
```
#707176 rgb(112,113,118)
```
#676c7f
```
#676c7f rgb(103,108,127)
```
#5e6788
```
#5e6788 rgb(94,103,136)
```
#556291
```
#556291 rgb(85,98,145)
```
#4c5d9a
```
#4c5d9a rgb(76,93,154)
```
#4457a2
```
#4457a2 rgb(68,87,162)
```
#3b52ab
```
#3b52ab rgb(59,82,171)
```
#324db4
```
#324db4 rgb(50,77,180)
```
#2948bd
```
#2948bd rgb(41,72,189)
```
#2043c6
```
#2043c6 rgb(32,67,198)
```
#173ecf
```
#173ecf rgb(23,62,207)
```
#0f38d7
```
#0f38d7 rgb(15,56,215)
```
#0633e0
```
#0633e0 rgb(6,51,224)
```

Tone Color Variation

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

Dichromacy

#707385 Protanopia 1% of men
#757186 Deuteranopia 1% of men
#6d757d Tritanopia 0.001% of the population

Trichromacy

#6d7083 Protanomaly 1% of men, 0.01% of women
#706f83 Deuteranomaly 6% of men, 0.4% of women
#6a717e Tritanomaly 0.01% of the population

#676c7f hex color

#676c7f Color Information

#676c7f Color Conversion

Color Schemes with #676c7f

Alternatives to #676c7f

#676c7f Preview

Shades and Tints of #676c7f

Tones of #676c7f

Color Blindness Simulator