#676d7f hex color

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

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

● #676d7f color description : Dark grayish blue.

The hexadecimal color #676d7f has RGB values of R:103, G:109, B:127 and CMYK values of C:0.19, M:0.14, Y:0, K:0.5. Its decimal value is 6778239.

Hex triplet	676d7f	`#676d7f`
RGB Decimal	103, 109, 127	`rgb(103,109,127)`
RGB Percent	40.4, 42.7, 49.8	`rgb(40.4%,42.7%,49.8%)`
CMYK	19, 14, 0, 50
HSL	225°, 10.4, 45.1	`hsl(225,10.4%,45.1%)`
HSV (or HSB)	225°, 18.9, 49.8
Web Safe	666666	`#666666`

CIE-LAB	46.114, 1.82, -10.72
XYZ	14.892, 15.353, 22.256
xyY	0.284, 0.292, 15.353
CIE-LCH	46.114, 10.874, 279.636
CIE-LUV	46.114, -4.129, -15.226
Hunter-Lab	39.183, -0.728, -6.249
Binary	01100111, 01101101, 01111111

#676d7f
```
#676d7f rgb(103,109,127)
```
#7f7967
```
#7f7967 rgb(127,121,103)
```

Complementary Color

#67797f
```
#67797f rgb(103,121,127)
```
#676d7f
```
#676d7f rgb(103,109,127)
```
#6d677f
```
#6d677f rgb(109,103,127)
```

Analogous Color

#797f67
```
#797f67 rgb(121,127,103)
```
#676d7f
```
#676d7f rgb(103,109,127)
```
#7f6d67
```
#7f6d67 rgb(127,109,103)
```

Split Complementary Color

#6d7f67
```
#6d7f67 rgb(109,127,103)
```
#676d7f
```
#676d7f rgb(103,109,127)
```
#7f676d
```
#7f676d rgb(127,103,109)
```

Triadic Color

#677f79
```
#677f79 rgb(103,127,121)
```
#676d7f
```
#676d7f rgb(103,109,127)
```
#7f676d
```
#7f676d rgb(127,103,109)
```
#7f7967
```
#7f7967 rgb(127,121,103)
```

Tetradic Color

#454955
```
#454955 rgb(69,73,85)
```
#505563
```
#505563 rgb(80,85,99)
```
#5c6171
```
#5c6171 rgb(92,97,113)
```
#676d7f
```
#676d7f rgb(103,109,127)
```
#72798d
```
#72798d rgb(114,121,141)
```
#818798
```
#818798 rgb(129,135,152)
```
#8f94a4
```
#8f94a4 rgb(143,148,164)
```

Monochromatic Color

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

#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)
```
#67677f
```
#67677f rgb(103,103,127)
```

Similar Colors

Text with hexadecimal color #676d7f

This text has a font color of #676d7f.

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

#676d7f background color

This paragraph has a background color of #676d7f.

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

#676d7f border color

This element has a border color of #676d7f.

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

CSS codes

.text {color:#676d7f;}

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

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

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)
```
#212328
```
#212328 rgb(33,35,40)
```
#2a2c33
```
#2a2c33 rgb(42,44,51)
```
#32353e
```
#32353e rgb(50,53,62)
```
#3b3f49
```
#3b3f49 rgb(59,63,73)
```
#444854
```
#444854 rgb(68,72,84)
```
#4d515f
```
#4d515f rgb(77,81,95)
```
#555a69
```
#555a69 rgb(85,90,105)
```
#5e6474
```
#5e6474 rgb(94,100,116)
```
#676d7f
```
#676d7f rgb(103,109,127)
```
#70768a
```
#70768a rgb(112,118,138)
```

Shade Color Variation

#7a8093
```
#7a8093 rgb(122,128,147)
```
#858b9c
```
#858b9c rgb(133,139,156)
```
#9095a5
```
#9095a5 rgb(144,149,165)
```
#9b9fae
```
#9b9fae rgb(155,159,174)
```
#a5aab6
```
#a5aab6 rgb(165,170,182)
```
#b0b4bf
```
#b0b4bf rgb(176,180,191)
```
#bbbec8
```
#bbbec8 rgb(187,190,200)
```
#c6c9d1
```
#c6c9d1 rgb(198,201,209)
```
#d1d3d9
```
#d1d3d9 rgb(209,211,217)
```
#dcdde2
```
#dcdde2 rgb(220,221,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, #707176 is the less saturated color, while #063ce0 is the most saturated one.

#707176
```
#707176 rgb(112,113,118)
```
#676d7f
```
#676d7f rgb(103,109,127)
```
#5e6988
```
#5e6988 rgb(94,105,136)
```
#556491
```
#556491 rgb(85,100,145)
```
#4c609a
```
#4c609a rgb(76,96,154)
```
#445ba2
```
#445ba2 rgb(68,91,162)
```
#3b57ab
```
#3b57ab rgb(59,87,171)
```
#3252b4
```
#3252b4 rgb(50,82,180)
```
#294ebd
```
#294ebd rgb(41,78,189)
```
#204ac6
```
#204ac6 rgb(32,74,198)
```
#1745cf
```
#1745cf rgb(23,69,207)
```
#0f41d7
```
#0f41d7 rgb(15,65,215)
```
#063ce0
```
#063ce0 rgb(6,60,224)
```

Tone Color Variation

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

#717385 Protanopia 1% of men
#767286 Deuteranopia 1% of men
#6d757e Tritanopia 0.001% of the population

Trichromacy

#6d7182 Protanomaly 1% of men, 0.01% of women
#707083 Deuteranomaly 6% of men, 0.4% of women
#6b727e Tritanomaly 0.01% of the population

#676d7f hex color

#676d7f Color Information

#676d7f Color Conversion

Color Schemes with #676d7f

Alternatives to #676d7f

#676d7f Preview

Shades and Tints of #676d7f

Tones of #676d7f

Color Blindness Simulator