#676949

#676949

Color Values

HEX

#676949

RGB

103, 105, 73

HSL

63.7, 18.0%, 34.9%

HSV

63.7, 30.5%, 41.2%

CMYK

1.9%, 0.0%, 30.5%, 58.8%

OKLCH

0.5103 0.0477 111.0

Properties

Cool Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#676949

#4B4969

Analogous

#695B49

#576949

#676949

Triadic

#676949

#496769

#694967

Split Complementary

#676949

#495769

#5B4969

Tetradic

#676949

#49695B

#4B4969

#694957

Color Blindness Simulation

Original

#676949

Protanopia

#686851

Deuteranopia

#686853

Tritanopia

#675758

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#F0F0EA
200
#E1E2D5
300
#CBCDB7
400
#B0B290
500
#949669
600
#767854
700
#5E6043
800
#4A4B34
900
#373829
950
#23241A

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

3.69:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026