#677639

#677639

Color Values

HEX

#677639

RGB

103, 118, 57

HSL

74.8, 34.9%, 34.3%

HSV

74.8, 51.7%, 46.3%

CMYK

12.7%, 0.0%, 51.7%, 53.7%

OKLCH

0.5389 0.0873 120.8

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#677639

#483976

Analogous

#766739

#487639

#677639

Triadic

#677639

#396776

#763967

Split Complementary

#677639

#394876

#673976

Tetradic

#677639

#397667

#483976

#763948

Color Blindness Simulation

Original

#677639

Protanopia

#6D6E48

Deuteranopia

#6D6C4B

Tritanopia

#685356

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#F0F2E8
200
#E2E8CF
300
#CDD7AC
400
#B1C280
500
#96AC53
600
#788A42
700
#606E35
800
#4B562A
900
#384021
950
#232815

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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