#7c757d hex color

In a RGB color space, hex #7c757d is composed of 48.6% red, 45.9% green and 49% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 6.4% magenta, 0% yellow and 51% black. It has a hue angle of 292.5 degrees, a saturation of 3.3% and a lightness of 47.5%. #7c757d color hex could be obtained by blending #f8eafa with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 49
- G 46
- B 49
RGB color chart
- C 1
- M 6
- Y 0
- K 51
CMYK color chart

● #7c757d color description : Dark grayish magenta.

The hexadecimal color #7c757d has RGB values of R:124, G:117, B:125 and CMYK values of C:0.01, M:0.06, Y:0, K:0.51. Its decimal value is 8156541.

Hex triplet	7c757d	`#7c757d`
RGB Decimal	124, 117, 125	`rgb(124,117,125)`
RGB Percent	48.6, 45.9, 49	`rgb(48.6%,45.9%,49%)`
CMYK	1, 6, 0, 51
HSL	292.5°, 3.3, 47.5	`hsl(292.5,3.3%,47.5%)`
HSV (or HSB)	292.5°, 6.4, 49
Web Safe	666666	`#666666`

CIE-LAB	50.083, 4.268, -3.425
XYZ	18.375, 18.488, 22.002
xyY	0.312, 0.314, 18.488
CIE-LCH	50.083, 5.473, 321.25
CIE-LUV	50.083, 3.489, -5.407
Hunter-Lab	42.998, 1.032, -0.239
Binary	01111100, 01110101, 01111101

#7c757d
```
#7c757d rgb(124,117,125)
```
#767d75
```
#767d75 rgb(118,125,117)
```

Complementary Color

#78757d
```
#78757d rgb(120,117,125)
```
#7c757d
```
#7c757d rgb(124,117,125)
```
#7d757a
```
#7d757a rgb(125,117,122)
```

Analogous Color

#757d78
```
#757d78 rgb(117,125,120)
```
#7c757d
```
#7c757d rgb(124,117,125)
```
#7a7d75
```
#7a7d75 rgb(122,125,117)
```

Split Complementary Color

#757d7c
```
#757d7c rgb(117,125,124)
```
#7c757d
```
#7c757d rgb(124,117,125)
```
#7d7c75
```
#7d7c75 rgb(125,124,117)
```

Triadic Color

#75767d
```
#75767d rgb(117,118,125)
```
#7c757d
```
#7c757d rgb(124,117,125)
```
#7d7c75
```
#7d7c75 rgb(125,124,117)
```
#767d75
```
#767d75 rgb(118,125,117)
```

Tetradic Color

#555055
```
#555055 rgb(85,80,85)
```
#625c63
```
#625c63 rgb(98,92,99)
```
#6f6970
```
#6f6970 rgb(111,105,112)
```
#7c757d
```
#7c757d rgb(124,117,125)
```
#89828a
```
#89828a rgb(137,130,138)
```
#958f96
```
#958f96 rgb(149,143,150)
```
#a29ca2
```
#a29ca2 rgb(162,156,162)
```

Monochromatic Color

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

#7a757d
```
#7a757d rgb(122,117,125)
```
#7b757d
```
#7b757d rgb(123,117,125)
```
#7b757d
```
#7b757d rgb(123,117,125)
```
#7c757d
```
#7c757d rgb(124,117,125)
```
#7d757d
```
#7d757d rgb(125,117,125)
```
#7d757d
```
#7d757d rgb(125,117,125)
```
#7d757c
```
#7d757c rgb(125,117,124)
```

Similar Colors

Text with hexadecimal color #7c757d

This text has a font color of #7c757d.

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

#7c757d background color

This paragraph has a background color of #7c757d.

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

#7c757d border color

This element has a border color of #7c757d.

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

CSS codes

.text {color:#7c757d;}

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

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

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

#030303
```
#030303 rgb(3,3,3)
```
#0d0d0e
```
#0d0d0e rgb(13,13,14)
```
#171618
```
#171618 rgb(23,22,24)
```
#222022
```
#222022 rgb(34,32,34)
```
#2c292c
```
#2c292c rgb(44,41,44)
```
#363336
```
#363336 rgb(54,51,54)
```
#403c40
```
#403c40 rgb(64,60,64)
```
#4a464a
```
#4a464a rgb(74,70,74)
```
#544f54
```
#544f54 rgb(84,79,84)
```
#5e595f
```
#5e595f rgb(94,89,95)
```
#686269
```
#686269 rgb(104,98,105)
```
#726c73
```
#726c73 rgb(114,108,115)
```
#7c757d
```
#7c757d rgb(124,117,125)
```

Shade Color Variation

#867f87
```
#867f87 rgb(134,127,135)
```
#8f8990
```
#8f8990 rgb(143,137,144)
```
#99939a
```
#99939a rgb(153,147,154)
```
#a39da3
```
#a39da3 rgb(163,157,163)
```
#aca7ad
```
#aca7ad rgb(172,167,173)
```
#b6b1b6
```
#b6b1b6 rgb(182,177,182)
```
#bfbbc0
```
#bfbbc0 rgb(191,187,192)
```
#c9c6c9
```
#c9c6c9 rgb(201,198,201)
```
#d2d0d3
```
#d2d0d3 rgb(210,208,211)
```
#dcdadc
```
#dcdadc rgb(220,218,220)
```
#e6e4e6
```
#e6e4e6 rgb(230,228,230)
```
#efeeef
```
#efeeef rgb(239,238,239)
```
#f9f8f9
```
#f9f8f9 rgb(249,248,249)
```

Tint Color Variation

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

#7c757d
```
#7c757d rgb(124,117,125)
```
#836c86
```
#836c86 rgb(131,108,134)
```
#8a6290
```
#8a6290 rgb(138,98,144)
```
#915999
```
#915999 rgb(145,89,153)
```
#9850a2
```
#9850a2 rgb(152,80,162)
```
#9f46ac
```
#9f46ac rgb(159,70,172)
```
#a63db5
```
#a63db5 rgb(166,61,181)
```
#ad34be
```
#ad34be rgb(173,52,190)
```
#b42bc7
```
#b42bc7 rgb(180,43,199)
```
#bb21d1
```
#bb21d1 rgb(187,33,209)
```
#c218da
```
#c218da rgb(194,24,218)
```
#c90fe3
```
#c90fe3 rgb(201,15,227)
```
#d005ed
```
#d005ed rgb(208,5,237)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#797779 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7d84 Protanopia 1% of men
#877a84 Deuteranopia 1% of men
#837c84 Tritanopia 0.001% of the population

Trichromacy

#7d7a81 Protanomaly 1% of men, 0.01% of women
#837881 Deuteranomaly 6% of men, 0.4% of women
#807981 Tritanomaly 0.01% of the population

#7c757d hex color

#7c757d Color Information

#7c757d Color Conversion

Color Schemes with #7c757d

Alternatives to #7c757d

#7c757d Preview

Shades and Tints of #7c757d

Tones of #7c757d

Color Blindness Simulator