#676F34

#676F34

Color Values

HEX

#676F34

RGB

103, 111, 52

HSL

68.1, 36.2%, 32.0%

HSV

68.1, 53.2%, 43.5%

CMYK

7.2%, 0.0%, 53.2%, 56.5%

OKLCH

0.521 0.0827 115.7

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#676F34

#3C346F

Analogous

#6F5A34

#4A6F34

#676F34

Triadic

#676F34

#34676F

#6F3467

Split Complementary

#676F34

#344A6F

#5A346F

Tetradic

#676F34

#346F5A

#3C346F

#6F344A

Color Blindness Simulation

Original

#676F34

Protanopia

#6A6B42

Deuteranopia

#6A6946

Tritanopia

#674E50

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F1F3E8
200
#E5E8CE
300
#D2D8AC
400
#BAC37E
500
#A1AE51
600
#818B41
700
#676F34
800
#515729
900
#3C4021
950
#262915

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

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