#7A686B

#7A686B

Color Values

HEX

#7A686B

RGB

122, 104, 107

HSL

350.0, 8.0%, 44.3%

HSV

350.0, 14.8%, 47.8%

CMYK

0.0%, 14.8%, 12.3%, 52.2%

OKLCH

0.5354 0.0233 6.6

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#7A686B

#687A77

Analogous

#7A6874

#7A6E68

#7A686B

Triadic

#7A686B

#6B7A68

#686B7A

Split Complementary

#7A686B

#687A6E

#68747A

Tetradic

#7A686B

#747A68

#687A77

#6E687A

Color Blindness Simulation

Original

#7A686B

Protanopia

#72726A

Deuteranopia

#73756A

Tritanopia

#796A6A

Achromatopsia

#6C6C6C

CSS Usage

background-color: #7A686B;
color: #7A686B;
border-color: #7A686B;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DED8D9
300
#C7BDBF
400
#A8999C
500
#8A7579
600
#6E5E61
700
#584B4D
800
#453B3C
900
#342D2E
950
#211C1D

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

4.02:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026