#676B3C

#676B3C

Color Values

HEX

#676B3C

RGB

103, 107, 60

HSL

65.1, 28.1%, 32.7%

HSV

65.1, 43.9%, 42.0%

CMYK

3.7%, 0.0%, 43.9%, 58.0%

OKLCH

0.5125 0.0677 112.8

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#676B3C

#403C6B

Analogous

#6B573C

#4F6B3C

#676B3C

Triadic

#676B3C

#3C676B

#6B3C67

Split Complementary

#676B3C

#3C4F6B

#573C6B

Tetradic

#676B3C

#3C6B57

#403C6B

#6B3C4F

Color Blindness Simulation

Original

#676B3C

Protanopia

#696947

Deuteranopia

#68684A

Tritanopia

#675052

Achromatopsia

#676767

CSS Usage

background-color: #676B3C;
color: #676B3C;
border-color: #676B3C;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E4E5D1
300
#D0D3B1
400
#B7BB86
500
#9DA35C
600
#7E8349
700
#65693B
800
#4F522E
900
#3B3D24
950
#252617

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

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