#686150

#686150

Color Values

HEX

#686150

RGB

104, 97, 80

HSL

42.5, 13.0%, 36.1%

HSV

42.5, 23.1%, 40.8%

CMYK

0.0%, 6.7%, 23.1%, 59.2%

OKLCH

0.4941 0.0275 88.3

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#686150

#505768

Analogous

#685550

#636850

#686150

Triadic

#686150

#506861

#615068

Split Complementary

#686150

#506368

#555068

Tetradic

#686150

#506855

#505768

#685063

Color Blindness Simulation

Original

#686150

Protanopia

#656554

Deuteranopia

#656655

Tritanopia

#685758

Achromatopsia

#616161

CSS Usage

background-color: #686150;
color: #686150;
border-color: #686150;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F8F7
100
#EFEEEB
200
#E0DDD7
300
#CAC5BA
400
#ADA694
500
#90866F
600
#736C59
700
#5C5647
800
#484337
900
#36332B
950
#22201B

Contrast Checker

Text on white

6.15:1

AA Pass AAA Fail

Text on black

3.41: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