#676C30

#676C30

Color Values

HEX

#676C30

RGB

103, 108, 48

HSL

65.0, 38.5%, 30.6%

HSV

65.0, 55.6%, 42.4%

CMYK

4.6%, 0.0%, 55.6%, 57.6%

OKLCH

0.5131 0.0829 113.3

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#676C30

#35306C

Analogous

#6C5330

#496C30

#676C30

Triadic

#676C30

#30676C

#6C3067

Split Complementary

#676C30

#30496C

#53306C

Tetradic

#676C30

#306C53

#35306C

#6C3049

Color Blindness Simulation

Original

#676C30

Protanopia

#69693F

Deuteranopia

#696842

Tritanopia

#674A4C

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F3E7
200
#E7E9CE
300
#D5D9AA
400
#BFC57C
500
#A8B14E
600
#878D3F
700
#6C7132
800
#545827
900
#3E4120
950
#272914

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

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