#7B686E

#7B686E

Color Values

HEX

#7B686E

RGB

123, 104, 110

HSL

341.1, 8.4%, 44.5%

HSV

341.1, 15.4%, 48.2%

CMYK

0.0%, 15.4%, 10.6%, 51.8%

OKLCH

0.5374 0.0257 357.0

Properties

Warm Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#7B686E

#687B75

Analogous

#7B6877

#7B6B68

#7B686E

Triadic

#7B686E

#6E7B68

#686E7B

Split Complementary

#7B686E

#687B6B

#68777B

Tetradic

#7B686E

#777B68

#687B75

#6B687B

Color Blindness Simulation

Original

#7B686E

Protanopia

#73736D

Deuteranopia

#74756C

Tritanopia

#7A6B6B

Achromatopsia

#6C6C6C

CSS Usage

background-color: #7B686E;
color: #7B686E;
border-color: #7B686E;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DED8DA
300
#C7BDC0
400
#A9999E
500
#8A757C
600
#6F5D63
700
#584B4F
800
#453A3E
900
#342D2F
950
#211C1E

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

4.05:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026