#676c68 hex color

In a RGB color space, hex #676c68 is composed of 40.4% red, 42.4% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 3.7% yellow and 57.6% black. It has a hue angle of 132 degrees, a saturation of 2.4% and a lightness of 41.4%. #676c68 color hex could be obtained by blending #ced8d0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 42
- B 41
RGB color chart
- C 5
- M 0
- Y 4
- K 58
CMYK color chart

● #676c68 color description : Very dark grayish lime green.

The hexadecimal color #676c68 has RGB values of R:103, G:108, B:104 and CMYK values of C:0.05, M:0, Y:0.04, K:0.58. Its decimal value is 6777960.

Hex triplet	676c68	`#676c68`
RGB Decimal	103, 108, 104	`rgb(103,108,104)`
RGB Percent	40.4, 42.4, 40.8	`rgb(40.4%,42.4%,40.8%)`
CMYK	5, 0, 4, 58
HSL	132°, 2.4, 41.4	`hsl(132,2.4%,41.4%)`
HSV (or HSB)	132°, 4.6, 42.4
Web Safe	666666	`#666666`

CIE-LAB	45.093, -2.749, 1.566
XYZ	13.454, 14.608, 15.207
xyY	0.311, 0.338, 14.608
CIE-LCH	45.093, 3.164, 150.328
CIE-LUV	45.093, -2.573, 2.494
Hunter-Lab	38.221, -4.051, 3.165
Binary	01100111, 01101100, 01101000

#676c68
```
#676c68 rgb(103,108,104)
```
#6c676b
```
#6c676b rgb(108,103,107)
```

Complementary Color

#696c67
```
#696c67 rgb(105,108,103)
```
#676c68
```
#676c68 rgb(103,108,104)
```
#676c6b
```
#676c6b rgb(103,108,107)
```

Analogous Color

#6c6769
```
#6c6769 rgb(108,103,105)
```
#676c68
```
#676c68 rgb(103,108,104)
```
#6b676c
```
#6b676c rgb(107,103,108)
```

Split Complementary Color

#6c6867
```
#6c6867 rgb(108,104,103)
```
#676c68
```
#676c68 rgb(103,108,104)
```
#68676c
```
#68676c rgb(104,103,108)
```

Triadic Color

#6b6c67
```
#6b6c67 rgb(107,108,103)
```
#676c68
```
#676c68 rgb(103,108,104)
```
#68676c
```
#68676c rgb(104,103,108)
```
#6c676b
```
#6c676b rgb(108,103,107)
```

Tetradic Color

#424542
```
#424542 rgb(66,69,66)
```
#4e524f
```
#4e524f rgb(78,82,79)
```
#5b5f5b
```
#5b5f5b rgb(91,95,91)
```
#676c68
```
#676c68 rgb(103,108,104)
```
#737975
```
#737975 rgb(115,121,117)
```
#808681
```
#808681 rgb(128,134,129)
```
#8d928e
```
#8d928e rgb(141,146,142)
```

Monochromatic Color

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

#676c67
```
#676c67 rgb(103,108,103)
```
#676c67
```
#676c67 rgb(103,108,103)
```
#676c68
```
#676c68 rgb(103,108,104)
```
#676c68
```
#676c68 rgb(103,108,104)
```
#676c68
```
#676c68 rgb(103,108,104)
```
#676c69
```
#676c69 rgb(103,108,105)
```
#676c69
```
#676c69 rgb(103,108,105)
```

Similar Colors

Text with hexadecimal color #676c68

This text has a font color of #676c68.

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

#676c68 background color

This paragraph has a background color of #676c68.

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

#676c68 border color

This element has a border color of #676c68.

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

CSS codes

.text {color:#676c68;}

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

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

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

#070807
```
#070807 rgb(7,8,7)
```
#111211
```
#111211 rgb(17,18,17)
```
#1a1c1b
```
#1a1c1b rgb(26,28,27)
```
#242624
```
#242624 rgb(36,38,36)
```
#2e302e
```
#2e302e rgb(46,48,46)
```
#373a38
```
#373a38 rgb(55,58,56)
```
#414441
```
#414441 rgb(65,68,65)
```
#4a4e4b
```
#4a4e4b rgb(74,78,75)
```
#545855
```
#545855 rgb(84,88,85)
```
#5d625e
```
#5d625e rgb(93,98,94)
```
#676c68
```
#676c68 rgb(103,108,104)
```
#717672
```
#717672 rgb(113,118,114)
```
#7a807b
```
#7a807b rgb(122,128,123)
```

Shade Color Variation

#848a85
```
#848a85 rgb(132,138,133)
```
#8e938f
```
#8e938f rgb(142,147,143)
```
#989d99
```
#989d99 rgb(152,157,153)
```
#a2a6a3
```
#a2a6a3 rgb(162,166,163)
```
#acb0ad
```
#acb0ad rgb(172,176,173)
```
#b6bab7
```
#b6bab7 rgb(182,186,183)
```
#c0c3c1
```
#c0c3c1 rgb(192,195,193)
```
#cacdcb
```
#cacdcb rgb(202,205,203)
```
#d4d6d5
```
#d4d6d5 rgb(212,214,213)
```
#dee0df
```
#dee0df rgb(222,224,223)
```
#e8eae9
```
#e8eae9 rgb(232,234,233)
```
#f3f3f3
```
#f3f3f3 rgb(243,243,243)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#676c68
```
#676c68 rgb(103,108,104)
```
#5f7463
```
#5f7463 rgb(95,116,99)
```
#577c5e
```
#577c5e rgb(87,124,94)
```
#4f8459
```
#4f8459 rgb(79,132,89)
```
#478c55
```
#478c55 rgb(71,140,85)
```
#3e9550
```
#3e9550 rgb(62,149,80)
```
#369d4b
```
#369d4b rgb(54,157,75)
```
#2ea546
```
#2ea546 rgb(46,165,70)
```
#26ad41
```
#26ad41 rgb(38,173,65)
```
#1eb53c
```
#1eb53c rgb(30,181,60)
```
#16bd37
```
#16bd37 rgb(22,189,55)
```
#0ec532
```
#0ec532 rgb(14,197,50)
```
#06cd2e
```
#06cd2e rgb(6,205,46)
```

Tone Color Variation

Below, you can see how #676c68 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
#696a6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#75716e Protanopia 1% of men
#7d6e71 Deuteranopia 1% of men
#70727a Tritanopia 0.001% of the population

Trichromacy

#706f6c Protanomaly 1% of men, 0.01% of women
#756d6d Deuteranomaly 6% of men, 0.4% of women
#6d6f73 Tritanomaly 0.01% of the population

#676c68 hex color

#676c68 Color Information

#676c68 Color Conversion

Color Schemes with #676c68

Alternatives to #676c68

#676c68 Preview

Shades and Tints of #676c68

Tones of #676c68

Color Blindness Simulator