#676668 hex color

In a RGB color space, hex #676668 is composed of 40.4% red, 40% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 1% cyan, 1.9% magenta, 0% yellow and 59.2% black. It has a hue angle of 270 degrees, a saturation of 1% and a lightness of 40.4%. #676668 color hex could be obtained by blending #ceccd0 with #000000. Closest websafe color is: #666666.

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

● #676668 color description : Very dark grayish violet.

The hexadecimal color #676668 has RGB values of R:103, G:102, B:104 and CMYK values of C:0.01, M:0.02, Y:0, K:0.59. Its decimal value is 6776424.

Hex triplet	676668	`#676668`
RGB Decimal	103, 102, 104	`rgb(103,102,104)`
RGB Percent	40.4, 40, 40.8	`rgb(40.4%,40%,40.8%)`
CMYK	1, 2, 0, 59
HSL	270°, 1, 40.4	`hsl(270,1%,40.4%)`
HSV (or HSB)	270°, 1.9, 40.8
Web Safe	666666	`#666666`

CIE-LAB	43.339, 0.804, -0.992
XYZ	12.843, 13.386, 15.003
xyY	0.311, 0.325, 13.386
CIE-LCH	43.339, 1.277, 309.012
CIE-LUV	43.339, 0.443, -1.433
Hunter-Lab	36.587, -1.367, 1.298
Binary	01100111, 01100110, 01101000

#676668
```
#676668 rgb(103,102,104)
```
#676866
```
#676866 rgb(103,104,102)
```

Complementary Color

#666668
```
#666668 rgb(102,102,104)
```
#676668
```
#676668 rgb(103,102,104)
```
#686668
```
#686668 rgb(104,102,104)
```

Analogous Color

#666866
```
#666866 rgb(102,104,102)
```
#676668
```
#676668 rgb(103,102,104)
```
#686866
```
#686866 rgb(104,104,102)
```

Split Complementary Color

#666867
```
#666867 rgb(102,104,103)
```
#676668
```
#676668 rgb(103,102,104)
```
#686766
```
#686766 rgb(104,103,102)
```

Triadic Color

#666768
```
#666768 rgb(102,103,104)
```
#676668
```
#676668 rgb(103,102,104)
```
#686766
```
#686766 rgb(104,103,102)
```
#676866
```
#676866 rgb(103,104,102)
```

Tetradic Color

#414041
```
#414041 rgb(65,64,65)
```
#4e4d4e
```
#4e4d4e rgb(78,77,78)
```
#5a595b
```
#5a595b rgb(90,89,91)
```
#676668
```
#676668 rgb(103,102,104)
```
#747375
```
#747375 rgb(116,115,117)
```
#817f82
```
#817f82 rgb(129,127,130)
```
#8d8c8e
```
#8d8c8e rgb(141,140,142)
```

Monochromatic Color

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

#676668
```
#676668 rgb(103,102,104)
```
#676668
```
#676668 rgb(103,102,104)
```
#676668
```
#676668 rgb(103,102,104)
```
#676668
```
#676668 rgb(103,102,104)
```
#676668
```
#676668 rgb(103,102,104)
```
#676668
```
#676668 rgb(103,102,104)
```
#686668
```
#686668 rgb(104,102,104)
```

Similar Colors

Text with hexadecimal color #676668

This text has a font color of #676668.

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

#676668 background color

This paragraph has a background color of #676668.

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

#676668 border color

This element has a border color of #676668.

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

CSS codes

.text {color:#676668;}

.background {background-color:#676668;}

.border {border:1px solid #676668;}

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

#050505
```
#050505 rgb(5,5,5)
```
#0f0f0f
```
#0f0f0f rgb(15,15,15)
```
#191819
```
#191819 rgb(25,24,25)
```
#222223
```
#222223 rgb(34,34,35)
```
#2c2c2d
```
#2c2c2d rgb(44,44,45)
```
#363536
```
#363536 rgb(54,53,54)
```
#403f40
```
#403f40 rgb(64,63,64)
```
#4a494a
```
#4a494a rgb(74,73,74)
```
#535354
```
#535354 rgb(83,83,84)
```
#5d5c5e
```
#5d5c5e rgb(93,92,94)
```
#676668
```
#676668 rgb(103,102,104)
```
#717072
```
#717072 rgb(113,112,114)
```
#7b797c
```
#7b797c rgb(123,121,124)
```

Shade Color Variation

#848386
```
#848386 rgb(132,131,134)
```
#8e8d8f
```
#8e8d8f rgb(142,141,143)
```
#989799
```
#989799 rgb(152,151,153)
```
#a2a1a3
```
#a2a1a3 rgb(162,161,163)
```
#acabac
```
#acabac rgb(172,171,172)
```
#b5b5b6
```
#b5b5b6 rgb(181,181,182)
```
#bfbfc0
```
#bfbfc0 rgb(191,191,192)
```
#c9c9ca
```
#c9c9ca rgb(201,201,202)
```
#d3d2d3
```
#d3d2d3 rgb(211,210,211)
```
#dddcdd
```
#dddcdd rgb(221,220,221)
```
#e7e6e7
```
#e7e6e7 rgb(231,230,231)
```
#f0f0f0
```
#f0f0f0 rgb(240,240,240)
```
#fafafa
```
#fafafa rgb(250,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676668 is the less saturated color, while #6707c7 is the most saturated one.

#676668
```
#676668 rgb(103,102,104)
```
#675e70
```
#675e70 rgb(103,94,112)
```
#675678
```
#675678 rgb(103,86,120)
```
#674e80
```
#674e80 rgb(103,78,128)
```
#674688
```
#674688 rgb(103,70,136)
```
#673e90
```
#673e90 rgb(103,62,144)
```
#673698
```
#673698 rgb(103,54,152)
```
#672f9f
```
#672f9f rgb(103,47,159)
```
#6727a7
```
#6727a7 rgb(103,39,167)
```
#671faf
```
#671faf rgb(103,31,175)
```
#6717b7
```
#6717b7 rgb(103,23,183)
```
#670fbf
```
#670fbf rgb(103,15,191)
```
#6707c7
```
#6707c7 rgb(103,7,199)
```

Tone Color Variation

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

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

Dichromacy

#6f6d6f Protanopia 1% of men
#776b70 Deuteranopia 1% of men
#6f6d74 Tritanopia 0.001% of the population

Trichromacy

#6c6a6c Protanomaly 1% of men, 0.01% of women
#71696d Deuteranomaly 6% of men, 0.4% of women
#6c6a70 Tritanomaly 0.01% of the population

#676668 hex color

#676668 Color Information

#676668 Color Conversion

Color Schemes with #676668

Alternatives to #676668

#676668 Preview

Shades and Tints of #676668

Tones of #676668

Color Blindness Simulator