#7c677e hex color

In a RGB color space, hex #7c677e is composed of 48.6% red, 40.4% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 18.3% magenta, 0% yellow and 50.6% black. It has a hue angle of 294.8 degrees, a saturation of 10% and a lightness of 44.9%. #7c677e color hex could be obtained by blending #f8cefc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 49
- G 40
- B 49
RGB color chart
- C 2
- M 18
- Y 0
- K 51
CMYK color chart

● #7c677e color description : Dark grayish magenta.

The hexadecimal color #7c677e has RGB values of R:124, G:103, B:126 and CMYK values of C:0.02, M:0.18, Y:0, K:0.51. Its decimal value is 8152958.

Hex triplet	7c677e	`#7c677e`
RGB Decimal	124, 103, 126	`rgb(124,103,126)`
RGB Percent	48.6, 40.4, 49.4	`rgb(48.6%,40.4%,49.4%)`
CMYK	2, 18, 0, 51
HSL	294.8°, 10, 44.9	`hsl(294.8,10%,44.9%)`
HSV (or HSB)	294.8°, 18.3, 49.4
Web Safe	666666	`#666666`

CIE-LAB	46.301, 12.774, -9.651
XYZ	16.928, 15.492, 21.836
xyY	0.312, 0.286, 15.492
CIE-LCH	46.301, 16.01, 322.928
CIE-LUV	46.301, 10.377, -15.317
Hunter-Lab	39.36, 7.888, -5.341
Binary	01111100, 01100111, 01111110

#7c677e
```
#7c677e rgb(124,103,126)
```
#697e67
```
#697e67 rgb(105,126,103)
```

Complementary Color

#71677e
```
#71677e rgb(113,103,126)
```
#7c677e
```
#7c677e rgb(124,103,126)
```
#7e6775
```
#7e6775 rgb(126,103,117)
```

Analogous Color

#677e71
```
#677e71 rgb(103,126,113)
```
#7c677e
```
#7c677e rgb(124,103,126)
```
#757e67
```
#757e67 rgb(117,126,103)
```

Split Complementary Color

#677e7c
```
#677e7c rgb(103,126,124)
```
#7c677e
```
#7c677e rgb(124,103,126)
```
#7e7c67
```
#7e7c67 rgb(126,124,103)
```

Triadic Color

#67697e
```
#67697e rgb(103,105,126)
```
#7c677e
```
#7c677e rgb(124,103,126)
```
#7e7c67
```
#7e7c67 rgb(126,124,103)
```
#697e67
```
#697e67 rgb(105,126,103)
```

Tetradic Color

#534554
```
#534554 rgb(83,69,84)
```
#605062
```
#605062 rgb(96,80,98)
```
#6e5c70
```
#6e5c70 rgb(110,92,112)
```
#7c677e
```
#7c677e rgb(124,103,126)
```
#8a728c
```
#8a728c rgb(138,114,140)
```
#968098
```
#968098 rgb(150,128,152)
```
#a18ea3
```
#a18ea3 rgb(161,142,163)
```

Monochromatic Color

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

#76677e
```
#76677e rgb(118,103,126)
```
#78677e
```
#78677e rgb(120,103,126)
```
#7a677e
```
#7a677e rgb(122,103,126)
```
#7c677e
```
#7c677e rgb(124,103,126)
```
#7e677e
```
#7e677e rgb(126,103,126)
```
#7e677c
```
#7e677c rgb(126,103,124)
```
#7e677a
```
#7e677a rgb(126,103,122)
```

Similar Colors

Text with hexadecimal color #7c677e

This text has a font color of #7c677e.

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

#7c677e background color

This paragraph has a background color of #7c677e.

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

#7c677e border color

This element has a border color of #7c677e.

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

CSS codes

.text {color:#7c677e;}

.background {background-color:#7c677e;}

.border {border:1px solid #7c677e;}

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

#070607
```
#070607 rgb(7,6,7)
```
#120f12
```
#120f12 rgb(18,15,18)
```
#1c181d
```
#1c181d rgb(28,24,29)
```
#272028
```
#272028 rgb(39,32,40)
```
#322932
```
#322932 rgb(50,41,50)
```
#3c323d
```
#3c323d rgb(60,50,61)
```
#473b48
```
#473b48 rgb(71,59,72)
```
#524453
```
#524453 rgb(82,68,83)
```
#5c4d5e
```
#5c4d5e rgb(92,77,94)
```
#675568
```
#675568 rgb(103,85,104)
```
#715e73
```
#715e73 rgb(113,94,115)
```
#7c677e
```
#7c677e rgb(124,103,126)
```
#877089
```
#877089 rgb(135,112,137)
```

Shade Color Variation

#907a92
```
#907a92 rgb(144,122,146)
```
#99859b
```
#99859b rgb(153,133,155)
```
#a290a4
```
#a290a4 rgb(162,144,164)
```
#ab9aad
```
#ab9aad rgb(171,154,173)
```
#b4a5b6
```
#b4a5b6 rgb(180,165,182)
```
#bdb0be
```
#bdb0be rgb(189,176,190)
```
#c6bbc7
```
#c6bbc7 rgb(198,187,199)
```
#cfc6d0
```
#cfc6d0 rgb(207,198,208)
```
#d8d0d9
```
#d8d0d9 rgb(216,208,217)
```
#e1dbe2
```
#e1dbe2 rgb(225,219,226)
```
#eae6ea
```
#eae6ea rgb(234,230,234)
```
#f3f1f3
```
#f3f1f3 rgb(243,241,243)
```
#fcfbfc
```
#fcfbfc rgb(252,251,252)
```

Tint Color Variation

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

#757075
```
#757075 rgb(117,112,117)
```
#7c677e
```
#7c677e rgb(124,103,126)
```
#835e87
```
#835e87 rgb(131,94,135)
```
#8b5590
```
#8b5590 rgb(139,85,144)
```
#924d98
```
#924d98 rgb(146,77,152)
```
#9944a1
```
#9944a1 rgb(153,68,161)
```
#a03baa
```
#a03baa rgb(160,59,170)
```
#a832b3
```
#a832b3 rgb(168,50,179)
```
#af29bc
```
#af29bc rgb(175,41,188)
```
#b621c4
```
#b621c4 rgb(182,33,196)
```
#bd18cd
```
#bd18cd rgb(189,24,205)
```
#c50fd6
```
#c50fd6 rgb(197,15,214)
```
#cc06df
```
#cc06df rgb(204,6,223)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#726e73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#717487 Protanopia 1% of men
#797283 Deuteranopia 1% of men
#807179 Tritanopia 0.001% of the population

Trichromacy

#756f84 Protanomaly 1% of men, 0.01% of women
#7a6e81 Deuteranomaly 6% of men, 0.4% of women
#7f6d7a Tritanomaly 0.01% of the population

#7c677e hex color

#7c677e Color Information

#7c677e Color Conversion

Color Schemes with #7c677e

Alternatives to #7c677e

#7c677e Preview

Shades and Tints of #7c677e

Tones of #7c677e

Color Blindness Simulator