#676754

#676754

Color Values

HEX

#676754

RGB

103, 103, 84

HSL

60.0, 10.2%, 36.7%

HSV

60.0, 18.4%, 40.4%

CMYK

0.0%, 0.0%, 18.4%, 59.6%

OKLCH

0.5082 0.0289 107.4

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#676754

#545467

Analogous

#675E54

#5E6754

#676754

Triadic

#676754

#546767

#675467

Split Complementary

#676754

#545E67

#5E5467

Tetradic

#676754

#54675E

#545467

#67545E

Color Blindness Simulation

Original

#676754

Protanopia

#676759

Deuteranopia

#67675A

Tritanopia

#675C5D

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEFEC
200
#DFDFD8
300
#C8C8BC
400
#AAAA97
500
#8D8D72
600
#70705C
700
#5A5A49
800
#464639
900
#35352C
950
#21211C

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

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