#676b6d hex color

In a RGB color space, hex #676b6d is composed of 40.4% red, 42% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 5.5% cyan, 1.8% magenta, 0% yellow and 57.3% black. It has a hue angle of 200 degrees, a saturation of 2.8% and a lightness of 41.6%. #676b6d color hex could be obtained by blending #ced6da with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 42
- B 43
RGB color chart
- C 6
- M 2
- Y 0
- K 57
CMYK color chart

● #676b6d color description : Very dark grayish blue.

The hexadecimal color #676b6d has RGB values of R:103, G:107, B:109 and CMYK values of C:0.06, M:0.02, Y:0, K:0.57. Its decimal value is 6777709.

Hex triplet	676b6d	`#676b6d`
RGB Decimal	103, 107, 109	`rgb(103,107,109)`
RGB Percent	40.4, 42, 42.7	`rgb(40.4%,42%,42.7%)`
CMYK	6, 2, 0, 57
HSL	200°, 2.8, 41.6	`hsl(200,2.8%,41.6%)`
HSV (or HSB)	200°, 5.5, 42.7
Web Safe	666666	`#666666`

CIE-LAB	44.946, -1.108, -1.655
XYZ	13.611, 14.503, 16.549
xyY	0.305, 0.325, 14.503
CIE-LCH	44.946, 1.992, 236.207
CIE-LUV	44.946, -2.31, -2.047
Hunter-Lab	38.083, -2.848, 0.893
Binary	01100111, 01101011, 01101101

#676b6d
```
#676b6d rgb(103,107,109)
```
#6d6967
```
#6d6967 rgb(109,105,103)
```

Complementary Color

#676d6c
```
#676d6c rgb(103,109,108)
```
#676b6d
```
#676b6d rgb(103,107,109)
```
#67686d
```
#67686d rgb(103,104,109)
```

Analogous Color

#6d6c67
```
#6d6c67 rgb(109,108,103)
```
#676b6d
```
#676b6d rgb(103,107,109)
```
#6d6768
```
#6d6768 rgb(109,103,104)
```

Split Complementary Color

#6b6d67
```
#6b6d67 rgb(107,109,103)
```
#676b6d
```
#676b6d rgb(103,107,109)
```
#6d676b
```
#6d676b rgb(109,103,107)
```

Triadic Color

#676d69
```
#676d69 rgb(103,109,105)
```
#676b6d
```
#676b6d rgb(103,107,109)
```
#6d676b
```
#6d676b rgb(109,103,107)
```
#6d6967
```
#6d6967 rgb(109,105,103)
```

Tetradic Color

#424446
```
#424446 rgb(66,68,70)
```
#4e5153
```
#4e5153 rgb(78,81,83)
```
#5b5e60
```
#5b5e60 rgb(91,94,96)
```
#676b6d
```
#676b6d rgb(103,107,109)
```
#73787a
```
#73787a rgb(115,120,122)
```
#808587
```
#808587 rgb(128,133,135)
```
#8d9193
```
#8d9193 rgb(141,145,147)
```

Monochromatic Color

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

#676d6d
```
#676d6d rgb(103,109,109)
```
#676c6d
```
#676c6d rgb(103,108,109)
```
#676c6d
```
#676c6d rgb(103,108,109)
```
#676b6d
```
#676b6d rgb(103,107,109)
```
#676b6d
```
#676b6d rgb(103,107,109)
```
#676a6d
```
#676a6d rgb(103,106,109)
```
#676a6d
```
#676a6d rgb(103,106,109)
```

Similar Colors

Text with hexadecimal color #676b6d

This text has a font color of #676b6d.

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

#676b6d background color

This paragraph has a background color of #676b6d.

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

#676b6d border color

This element has a border color of #676b6d.

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

CSS codes

.text {color:#676b6d;}

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

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

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

#080808
```
#080808 rgb(8,8,8)
```
#111212
```
#111212 rgb(17,18,18)
```
#1b1c1c
```
#1b1c1c rgb(27,28,28)
```
#242626
```
#242626 rgb(36,38,38)
```
#2e3030
```
#2e3030 rgb(46,48,48)
```
#37393b
```
#37393b rgb(55,57,59)
```
#414345
```
#414345 rgb(65,67,69)
```
#4a4d4f
```
#4a4d4f rgb(74,77,79)
```
#545759
```
#545759 rgb(84,87,89)
```
#5d6163
```
#5d6163 rgb(93,97,99)
```
#676b6d
```
#676b6d rgb(103,107,109)
```
#717577
```
#717577 rgb(113,117,119)
```
#7a7f81
```
#7a7f81 rgb(122,127,129)
```

Shade Color Variation

#84898b
```
#84898b rgb(132,137,139)
```
#8e9294
```
#8e9294 rgb(142,146,148)
```
#989c9e
```
#989c9e rgb(152,156,158)
```
#a2a6a7
```
#a2a6a7 rgb(162,166,167)
```
#acafb1
```
#acafb1 rgb(172,175,177)
```
#b6b9ba
```
#b6b9ba rgb(182,185,186)
```
#c1c3c4
```
#c1c3c4 rgb(193,195,196)
```
#cbcdce
```
#cbcdce rgb(203,205,206)
```
#d5d6d7
```
#d5d6d7 rgb(213,214,215)
```
#dfe0e1
```
#dfe0e1 rgb(223,224,225)
```
#e9eaea
```
#e9eaea rgb(233,234,234)
```
#f3f3f4
```
#f3f3f4 rgb(243,243,244)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#676b6d
```
#676b6d rgb(103,107,109)
```
#5f6e75
```
#5f6e75 rgb(95,110,117)
```
#57707d
```
#57707d rgb(87,112,125)
```
#4f7385
```
#4f7385 rgb(79,115,133)
```
#46768e
```
#46768e rgb(70,118,142)
```
#3e7996
```
#3e7996 rgb(62,121,150)
```
#367b9e
```
#367b9e rgb(54,123,158)
```
#2e7ea6
```
#2e7ea6 rgb(46,126,166)
```
#2681ae
```
#2681ae rgb(38,129,174)
```
#1e83b6
```
#1e83b6 rgb(30,131,182)
```
#1586bf
```
#1586bf rgb(21,134,191)
```
#0d89c7
```
#0d89c7 rgb(13,137,199)
```
#058ccf
```
#058ccf rgb(5,140,207)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#696a6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#737173 Protanopia 1% of men
#7a6e75 Deuteranopia 1% of men
#6f7179 Tritanopia 0.001% of the population

Trichromacy

#6e6f71 Protanomaly 1% of men, 0.01% of women
#736d72 Deuteranomaly 6% of men, 0.4% of women
#6c6f75 Tritanomaly 0.01% of the population

#676b6d hex color

#676b6d Color Information

#676b6d Color Conversion

Color Schemes with #676b6d

Alternatives to #676b6d

#676b6d Preview

Shades and Tints of #676b6d

Tones of #676b6d

Color Blindness Simulator