#676642

#676642

Color Values

HEX

#676642

RGB

103, 102, 66

HSL

58.4, 21.9%, 33.1%

HSV

58.4, 35.9%, 40.4%

CMYK

0.0%, 1.0%, 35.9%, 59.6%

OKLCH

0.5017 0.053 106.8

Properties

Warm Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#676642

#424367

Analogous

#675342

#556742

#676642

Triadic

#676642

#426766

#664267

Split Complementary

#676642

#425567

#534267

Tetradic

#676642

#426753

#424367

#674255

Color Blindness Simulation

Original

#676642

Protanopia

#67674B

Deuteranopia

#67674D

Tritanopia

#675253

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F0EA
200
#E3E3D3
300
#CFCEB4
400
#B5B48C
500
#9B9A64
600
#7C7B50
700
#636340
800
#4E4D32
900
#3A3927
950
#252419

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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