#676D2C

#676D2C

Color Values

HEX

#676D2C

RGB

103, 109, 44

HSL

65.5, 42.5%, 30.0%

HSV

65.5, 59.6%, 42.7%

CMYK

5.5%, 0.0%, 59.6%, 57.3%

OKLCH

0.5151 0.0884 113.9

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#676D2C

#322C6D

Analogous

#6D522C

#476D2C

#676D2C

Triadic

#676D2C

#2C676D

#6D2C67

Split Complementary

#676D2C

#2C476D

#522C6D

Tetradic

#676D2C

#2C6D52

#322C6D

#6D2C47

Color Blindness Simulation

Original

#676D2C

Protanopia

#6A6A3C

Deuteranopia

#69693F

Tritanopia

#67484B

Achromatopsia

#676767

CSS Usage

background-color: #676D2C;
color: #676D2C;
border-color: #676D2C;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAFAF5
100
#F2F4E7
200
#E8EACC
300
#D7DCA8
400
#C1C979
500
#ACB649
600
#89913B
700
#6E742F
800
#565B25
900
#40431E
950
#282A13

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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