#676D20

#676D20

Color Values

HEX

#676D20

RGB

103, 109, 32

HSL

64.7, 54.6%, 27.6%

HSV

64.7, 70.6%, 42.7%

CMYK

5.5%, 0.0%, 70.6%, 57.3%

OKLCH

0.5138 0.099 113.7

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#676D20

#26206D

Analogous

#6D4C20

#406D20

#676D20

Triadic

#676D20

#20676D

#6D2067

Split Complementary

#676D20

#20406D

#4C206D

Tetradic

#676D20

#206D4C

#26206D

#6D2040

Color Blindness Simulation

Original

#676D20

Protanopia

#6A6A33

Deuteranopia

#696937

Tritanopia

#674145

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#ECEFC8
300
#DEE3A0
400
#CCD46D
500
#BAC53A
600
#959E2E
700
#777E25
800
#5D631D
900
#454819
950
#2B2E10

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

3.79:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026