#676a68 hex color

In a RGB color space, hex #676a68 is composed of 40.4% red, 41.6% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 1.9% yellow and 58.4% black. It has a hue angle of 140 degrees, a saturation of 1.4% and a lightness of 41%. #676a68 color hex could be obtained by blending #ced4d0 with #000000. Closest websafe color is: #666666.

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

● #676a68 color description : Very dark grayish cyan - lime green.

The hexadecimal color #676a68 has RGB values of R:103, G:106, B:104 and CMYK values of C:0.03, M:0, Y:0.02, K:0.58. Its decimal value is 6777448.

Hex triplet	676a68	`#676a68`
RGB Decimal	103, 106, 104	`rgb(103,106,104)`
RGB Percent	40.4, 41.6, 40.8	`rgb(40.4%,41.6%,40.8%)`
CMYK	3, 0, 2, 58
HSL	140°, 1.4, 41	`hsl(140,1.4%,41%)`
HSV (or HSB)	140°, 2.8, 41.6
Web Safe	666666	`#666666`

CIE-LAB	44.506, -1.572, 0.712
XYZ	13.246, 14.191, 15.137
xyY	0.311, 0.333, 14.191
CIE-LCH	44.506, 1.726, 155.62
CIE-LUV	44.506, -1.566, 1.183
Hunter-Lab	37.671, -3.161, 2.545
Binary	01100111, 01101010, 01101000

#676a68
```
#676a68 rgb(103,106,104)
```
#6a6769
```
#6a6769 rgb(106,103,105)
```

Complementary Color

#686a67
```
#686a67 rgb(104,106,103)
```
#676a68
```
#676a68 rgb(103,106,104)
```
#676a6a
```
#676a6a rgb(103,106,106)
```

Analogous Color

#6a6768
```
#6a6768 rgb(106,103,104)
```
#676a68
```
#676a68 rgb(103,106,104)
```
#6a676a
```
#6a676a rgb(106,103,106)
```

Split Complementary Color

#6a6867
```
#6a6867 rgb(106,104,103)
```
#676a68
```
#676a68 rgb(103,106,104)
```
#68676a
```
#68676a rgb(104,103,106)
```

Triadic Color

#696a67
```
#696a67 rgb(105,106,103)
```
#676a68
```
#676a68 rgb(103,106,104)
```
#68676a
```
#68676a rgb(104,103,106)
```
#6a6769
```
#6a6769 rgb(106,103,105)
```

Tetradic Color

#414342
```
#414342 rgb(65,67,66)
```
#4e504f
```
#4e504f rgb(78,80,79)
```
#5a5d5b
```
#5a5d5b rgb(90,93,91)
```
#676a68
```
#676a68 rgb(103,106,104)
```
#747775
```
#747775 rgb(116,119,117)
```
#808481
```
#808481 rgb(128,132,129)
```
#8d908e
```
#8d908e rgb(141,144,142)
```

Monochromatic Color

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

#676a67
```
#676a67 rgb(103,106,103)
```
#676a68
```
#676a68 rgb(103,106,104)
```
#676a68
```
#676a68 rgb(103,106,104)
```
#676a68
```
#676a68 rgb(103,106,104)
```
#676a68
```
#676a68 rgb(103,106,104)
```
#676a69
```
#676a69 rgb(103,106,105)
```
#676a69
```
#676a69 rgb(103,106,105)
```

Similar Colors

Text with hexadecimal color #676a68

This text has a font color of #676a68.

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

#676a68 background color

This paragraph has a background color of #676a68.

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

#676a68 border color

This element has a border color of #676a68.

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

CSS codes

.text {color:#676a68;}

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

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

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

#060706
```
#060706 rgb(6,7,6)
```
#101010
```
#101010 rgb(16,16,16)
```
#1a1a1a
```
#1a1a1a rgb(26,26,26)
```
#232424
```
#232424 rgb(35,36,36)
```
#2d2e2d
```
#2d2e2d rgb(45,46,45)
```
#373837
```
#373837 rgb(55,56,55)
```
#404241
```
#404241 rgb(64,66,65)
```
#4a4c4b
```
#4a4c4b rgb(74,76,75)
```
#545654
```
#545654 rgb(84,86,84)
```
#5d605e
```
#5d605e rgb(93,96,94)
```
#676a68
```
#676a68 rgb(103,106,104)
```
#717472
```
#717472 rgb(113,116,114)
```
#7a7e7c
```
#7a7e7c rgb(122,126,124)
```

Shade Color Variation

#848885
```
#848885 rgb(132,136,133)
```
#8e918f
```
#8e918f rgb(142,145,143)
```
#989b99
```
#989b99 rgb(152,155,153)
```
#a2a5a3
```
#a2a5a3 rgb(162,165,163)
```
#acaead
```
#acaead rgb(172,174,173)
```
#b6b8b7
```
#b6b8b7 rgb(182,184,183)
```
#c0c2c0
```
#c0c2c0 rgb(192,194,192)
```
#cacbca
```
#cacbca rgb(202,203,202)
```
#d4d5d4
```
#d4d5d4 rgb(212,213,212)
```
#dedfde
```
#dedfde rgb(222,223,222)
```
#e8e8e8
```
#e8e8e8 rgb(232,232,232)
```
#f2f2f2
```
#f2f2f2 rgb(242,242,242)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#676a68
```
#676a68 rgb(103,106,104)
```
#5f7265
```
#5f7265 rgb(95,114,101)
```
#577a63
```
#577a63 rgb(87,122,99)
```
#4f8260
```
#4f8260 rgb(79,130,96)
```
#478a5d
```
#478a5d rgb(71,138,93)
```
#3f925b
```
#3f925b rgb(63,146,91)
```
#379a58
```
#379a58 rgb(55,154,88)
```
#2fa255
```
#2fa255 rgb(47,162,85)
```
#27aa53
```
#27aa53 rgb(39,170,83)
```
#1fb250
```
#1fb250 rgb(31,178,80)
```
#17ba4d
```
#17ba4d rgb(23,186,77)
```
#0fc24b
```
#0fc24b rgb(15,194,75)
```
#07ca48
```
#07ca48 rgb(7,202,72)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#696969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73706f Protanopia 1% of men
#7b6d71 Deuteranopia 1% of men
#707078 Tritanopia 0.001% of the population

Trichromacy

#6e6e6c Protanomaly 1% of men, 0.01% of women
#736c6d Deuteranomaly 6% of men, 0.4% of women
#6d6e72 Tritanomaly 0.01% of the population

#676a68 hex color

#676a68 Color Information

#676a68 Color Conversion

Color Schemes with #676a68

Alternatives to #676a68

#676a68 Preview

Shades and Tints of #676a68

Tones of #676a68

Color Blindness Simulator