#7b686d hex color

In a RGB color space, hex #7b686d is composed of 48.2% red, 40.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.4% magenta, 11.4% yellow and 51.8% black. It has a hue angle of 344.2 degrees, a saturation of 8.4% and a lightness of 44.5%. #7b686d color hex could be obtained by blending #f6d0da with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 48
- G 41
- B 43
RGB color chart
- C 0
- M 15
- Y 11
- K 52
CMYK color chart

● #7b686d color description : Dark grayish pink.

The hexadecimal color #7b686d has RGB values of R:123, G:104, B:109 and CMYK values of C:0, M:0.15, Y:0.11, K:0.52. Its decimal value is 8087661.

Hex triplet	7b686d	`#7b686d`
RGB Decimal	123, 104, 109	`rgb(123,104,109)`
RGB Percent	48.2, 40.8, 42.7	`rgb(48.2%,40.8%,42.7%)`
CMYK	0, 15, 11, 52
HSL	344.2°, 8.4, 44.5	`hsl(344.2,8.4%,44.5%)`
HSV (or HSB)	344.2°, 15.4, 48.2
Web Safe	666666	`#666666`

CIE-LAB	45.929, 8.444, -0
XYZ	15.879, 15.216, 16.568
xyY	0.333, 0.319, 15.216
CIE-LCH	45.929, 8.444, 359.999
CIE-LUV	45.929, 10.943, -1.348
Hunter-Lab	39.008, 4.397, 2.123
Binary	01111011, 01101000, 01101101

#7b686d
```
#7b686d rgb(123,104,109)
```
#687b76
```
#687b76 rgb(104,123,118)
```

Complementary Color

#7b6877
```
#7b6877 rgb(123,104,119)
```
#7b686d
```
#7b686d rgb(123,104,109)
```
#7b6d68
```
#7b6d68 rgb(123,109,104)
```

Analogous Color

#68777b
```
#68777b rgb(104,119,123)
```
#7b686d
```
#7b686d rgb(123,104,109)
```
#687b6d
```
#687b6d rgb(104,123,109)
```

Split Complementary Color

#686d7b
```
#686d7b rgb(104,109,123)
```
#7b686d
```
#7b686d rgb(123,104,109)
```
#6d7b68
```
#6d7b68 rgb(109,123,104)
```

Triadic Color

#76687b
```
#76687b rgb(118,104,123)
```
#7b686d
```
#7b686d rgb(123,104,109)
```
#6d7b68
```
#6d7b68 rgb(109,123,104)
```
#687b76
```
#687b76 rgb(104,123,118)
```

Tetradic Color

#524548
```
#524548 rgb(82,69,72)
```
#5f5155
```
#5f5155 rgb(95,81,85)
```
#6d5c61
```
#6d5c61 rgb(109,92,97)
```
#7b686d
```
#7b686d rgb(123,104,109)
```
#897479
```
#897479 rgb(137,116,121)
```
#958186
```
#958186 rgb(149,129,134)
```
#a08f94
```
#a08f94 rgb(160,143,148)
```

Monochromatic Color

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

#7b6872
```
#7b6872 rgb(123,104,114)
```
#7b6870
```
#7b6870 rgb(123,104,112)
```
#7b686f
```
#7b686f rgb(123,104,111)
```
#7b686d
```
#7b686d rgb(123,104,109)
```
#7b686b
```
#7b686b rgb(123,104,107)
```
#7b686a
```
#7b686a rgb(123,104,106)
```
#7b6868
```
#7b6868 rgb(123,104,104)
```

Similar Colors

Text with hexadecimal color #7b686d

This text has a font color of #7b686d.

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

#7b686d background color

This paragraph has a background color of #7b686d.

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

#7b686d border color

This element has a border color of #7b686d.

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

CSS codes

.text {color:#7b686d;}

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

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

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

#060505
```
#060505 rgb(6,5,5)
```
#110e0f
```
#110e0f rgb(17,14,15)
```
#1b1718
```
#1b1718 rgb(27,23,24)
```
#262022
```
#262022 rgb(38,32,34)
```
#31292b
```
#31292b rgb(49,41,43)
```
#3b3234
```
#3b3234 rgb(59,50,52)
```
#463b3e
```
#463b3e rgb(70,59,62)
```
#504447
```
#504447 rgb(80,68,71)
```
#5b4d51
```
#5b4d51 rgb(91,77,81)
```
#66565a
```
#66565a rgb(102,86,90)
```
#705f64
```
#705f64 rgb(112,95,100)
```
#7b686d
```
#7b686d rgb(123,104,109)
```
#867176
```
#867176 rgb(134,113,118)
```

Shade Color Variation

#8f7b80
```
#8f7b80 rgb(143,123,128)
```
#98868a
```
#98868a rgb(152,134,138)
```
#a19095
```
#a19095 rgb(161,144,149)
```
#aa9b9f
```
#aa9b9f rgb(170,155,159)
```
#b3a5a9
```
#b3a5a9 rgb(179,165,169)
```
#bcb0b3
```
#bcb0b3 rgb(188,176,179)
```
#c5bbbd
```
#c5bbbd rgb(197,187,189)
```
#cec5c8
```
#cec5c8 rgb(206,197,200)
```
#d7d0d2
```
#d7d0d2 rgb(215,208,210)
```
#e0dbdc
```
#e0dbdc rgb(224,219,220)
```
#e9e5e6
```
#e9e5e6 rgb(233,229,230)
```
#f2f0f0
```
#f2f0f0 rgb(242,240,240)
```
#fbfafb
```
#fbfafb rgb(251,250,251)
```

Tint Color Variation

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

#727171
```
#727171 rgb(114,113,113)
```
#7b686d
```
#7b686d rgb(123,104,109)
```
#845f69
```
#845f69 rgb(132,95,105)
```
#8c5765
```
#8c5765 rgb(140,87,101)
```
#954e61
```
#954e61 rgb(149,78,97)
```
#9e455c
```
#9e455c rgb(158,69,92)
```
#a73c58
```
#a73c58 rgb(167,60,88)
```
#af3454
```
#af3454 rgb(175,52,84)
```
#b82b50
```
#b82b50 rgb(184,43,80)
```
#c1224c
```
#c1224c rgb(193,34,76)
```
#ca1948
```
#ca1948 rgb(202,25,72)
```
#d21144
```
#d21144 rgb(210,17,68)
```
#db0840
```
#db0840 rgb(219,8,64)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#716d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#757376 Protanopia 1% of men
#7f7074 Deuteranopia 1% of men
#826f77 Tritanopia 0.001% of the population

Trichromacy

#776f73 Protanomaly 1% of men, 0.01% of women
#7d6d71 Deuteranomaly 6% of men, 0.4% of women
#7f6c73 Tritanomaly 0.01% of the population

#7b686d hex color

#7b686d Color Information

#7b686d Color Conversion

Color Schemes with #7b686d

Alternatives to #7b686d

#7b686d Preview

Shades and Tints of #7b686d

Tones of #7b686d

Color Blindness Simulator