#676046

#676046

Color Values

HEX

#676046

RGB

103, 96, 70

HSL

47.3, 19.1%, 33.9%

HSV

47.3, 32.0%, 40.4%

CMYK

0.0%, 6.8%, 32.0%, 59.6%

OKLCH

0.4884 0.0401 94.8

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#676046

#464D67

Analogous

#674F46

#5D6746

#676046

Triadic

#676046

#466760

#604667

Split Complementary

#676046

#465D67

#4F4667

Tetradic

#676046

#46674F

#464D67

#67465D

Color Blindness Simulation

Original

#676046

Protanopia

#64644C

Deuteranopia

#64654E

Tritanopia

#675152

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E2DFD4
300
#CDC9B6
400
#B3AB8F
500
#988E67
600
#797153
700
#615B42
800
#4C4734
900
#393528
950
#242219

Contrast Checker

Text on white

6.29:1

AA Pass AAA Fail

Text on black

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