#7b686f hex color

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

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

● #7b686f color description : Dark grayish pink.

The hexadecimal color #7b686f has RGB values of R:123, G:104, B:111 and CMYK values of C:0, M:0.15, Y:0.1, K:0.52. Its decimal value is 8087663.

Hex triplet	7b686f	`#7b686f`
RGB Decimal	123, 104, 111	`rgb(123,104,111)`
RGB Percent	48.2, 40.8, 43.5	`rgb(48.2%,40.8%,43.5%)`
CMYK	0, 15, 10, 52
HSL	337.9°, 8.4, 44.5	`hsl(337.9,8.4%,44.5%)`
HSV (or HSB)	337.9°, 15.4, 48.2
Web Safe	666666	`#666666`

CIE-LAB	45.988, 8.817, -1.116
XYZ	15.988, 15.26, 17.141
xyY	0.33, 0.315, 15.26
CIE-LCH	45.988, 8.888, 352.783
CIE-LUV	45.988, 10.753, -2.894
Hunter-Lab	39.064, 4.694, 1.328
Binary	01111011, 01101000, 01101111

#7b686f
```
#7b686f rgb(123,104,111)
```
#687b74
```
#687b74 rgb(104,123,116)
```

Complementary Color

#7b6879
```
#7b6879 rgb(123,104,121)
```
#7b686f
```
#7b686f rgb(123,104,111)
```
#7b6b68
```
#7b6b68 rgb(123,107,104)
```

Analogous Color

#68797b
```
#68797b rgb(104,121,123)
```
#7b686f
```
#7b686f rgb(123,104,111)
```
#687b6b
```
#687b6b rgb(104,123,107)
```

Split Complementary Color

#686f7b
```
#686f7b rgb(104,111,123)
```
#7b686f
```
#7b686f rgb(123,104,111)
```
#6f7b68
```
#6f7b68 rgb(111,123,104)
```

Triadic Color

#74687b
```
#74687b rgb(116,104,123)
```
#7b686f
```
#7b686f rgb(123,104,111)
```
#6f7b68
```
#6f7b68 rgb(111,123,104)
```
#687b74
```
#687b74 rgb(104,123,116)
```

Tetradic Color

#52454a
```
#52454a rgb(82,69,74)
```
#5f5156
```
#5f5156 rgb(95,81,86)
```
#6d5c63
```
#6d5c63 rgb(109,92,99)
```
#7b686f
```
#7b686f rgb(123,104,111)
```
#89747b
```
#89747b rgb(137,116,123)
```
#958188
```
#958188 rgb(149,129,136)
```
#a08f95
```
#a08f95 rgb(160,143,149)
```

Monochromatic Color

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

#7b6874
```
#7b6874 rgb(123,104,116)
```
#7b6872
```
#7b6872 rgb(123,104,114)
```
#7b6871
```
#7b6871 rgb(123,104,113)
```
#7b686f
```
#7b686f rgb(123,104,111)
```
#7b686d
```
#7b686d rgb(123,104,109)
```
#7b686c
```
#7b686c rgb(123,104,108)
```
#7b686a
```
#7b686a rgb(123,104,106)
```

Similar Colors

Text with hexadecimal color #7b686f

This text has a font color of #7b686f.

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

#7b686f background color

This paragraph has a background color of #7b686f.

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

#7b686f border color

This element has a border color of #7b686f.

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

CSS codes

.text {color:#7b686f;}

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

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

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)
```
#1b1719
```
#1b1719 rgb(27,23,25)
```
#262022
```
#262022 rgb(38,32,34)
```
#31292c
```
#31292c rgb(49,41,44)
```
#3b3235
```
#3b3235 rgb(59,50,53)
```
#463b3f
```
#463b3f rgb(70,59,63)
```
#504449
```
#504449 rgb(80,68,73)
```
#5b4d52
```
#5b4d52 rgb(91,77,82)
```
#66565c
```
#66565c rgb(102,86,92)
```
#705f65
```
#705f65 rgb(112,95,101)
```
#7b686f
```
#7b686f rgb(123,104,111)
```
#867179
```
#867179 rgb(134,113,121)
```

Shade Color Variation

#8f7b82
```
#8f7b82 rgb(143,123,130)
```
#98868c
```
#98868c rgb(152,134,140)
```
#a19096
```
#a19096 rgb(161,144,150)
```
#aa9ba1
```
#aa9ba1 rgb(170,155,161)
```
#b3a5ab
```
#b3a5ab rgb(179,165,171)
```
#bcb0b5
```
#bcb0b5 rgb(188,176,181)
```
#c5bbbf
```
#c5bbbf rgb(197,187,191)
```
#cec5c9
```
#cec5c9 rgb(206,197,201)
```
#d7d0d3
```
#d7d0d3 rgb(215,208,211)
```
#e0dbdd
```
#e0dbdd rgb(224,219,221)
```
#e9e5e7
```
#e9e5e7 rgb(233,229,231)
```
#f2f0f1
```
#f2f0f1 rgb(242,240,241)
```
#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 #db0856 is the most saturated one.

#727171
```
#727171 rgb(114,113,113)
```
#7b686f
```
#7b686f rgb(123,104,111)
```
#845f6d
```
#845f6d rgb(132,95,109)
```
#8c576a
```
#8c576a rgb(140,87,106)
```
#954e68
```
#954e68 rgb(149,78,104)
```
#9e4566
```
#9e4566 rgb(158,69,102)
```
#a73c64
```
#a73c64 rgb(167,60,100)
```
#af3461
```
#af3461 rgb(175,52,97)
```
#b82b5f
```
#b82b5f rgb(184,43,95)
```
#c1225d
```
#c1225d rgb(193,34,93)
```
#ca195a
```
#ca195a rgb(202,25,90)
```
#d21158
```
#d21158 rgb(210,17,88)
```
#db0856
```
#db0856 rgb(219,8,86)
```

Tone Color Variation

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

#757378 Protanopia 1% of men
#7e7176 Deuteranopia 1% of men
#826f77 Tritanopia 0.001% of the population

Trichromacy

#776f75 Protanomaly 1% of men, 0.01% of women
#7d6d73 Deuteranomaly 6% of men, 0.4% of women
#7f6c74 Tritanomaly 0.01% of the population

#7b686f hex color

#7b686f Color Information

#7b686f Color Conversion

Color Schemes with #7b686f

Alternatives to #7b686f

#7b686f Preview

Shades and Tints of #7b686f

Tones of #7b686f

Color Blindness Simulator