#676550

#676550

Color Values

HEX

#676550

RGB

103, 101, 80

HSL

54.8, 12.6%, 35.9%

HSV

54.8, 22.3%, 40.4%

CMYK

0.0%, 1.9%, 22.3%, 59.6%

OKLCH

0.5025 0.032 103.0

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#676550

#505267

Analogous

#675A50

#5E6750

#676550

Triadic

#676550

#506765

#655067

Split Complementary

#676550

#505E67

#5A5067

Tetradic

#676550

#50675A

#505267

#67505E

Color Blindness Simulation

Original

#676550

Protanopia

#666655

Deuteranopia

#666656

Tritanopia

#67595A

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEFEB
200
#E0DFD7
300
#CAC8BA
400
#ADAA95
500
#908D6F
600
#737159
700
#5C5A47
800
#484638
900
#36352B
950
#22211B

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

3.55:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026