#677942

#677942

Color Values

HEX

#677942

RGB

103, 121, 66

HSL

79.6, 29.4%, 36.7%

HSV

79.6, 45.5%, 47.5%

CMYK

14.9%, 0.0%, 45.5%, 52.5%

OKLCH

0.5477 0.0815 123.9

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#677942

#544279

Analogous

#797042

#4C7942

#677942

Triadic

#677942

#426779

#794267

Split Complementary

#677942

#424C79

#704279

Tetradic

#677942

#427970

#544279

#79424C

Color Blindness Simulation

Original

#677942

Protanopia

#6F6F4F

Deuteranopia

#6E6C52

Tritanopia

#685A5C

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F8F9F5
100
#EFF2E9
200
#DFE6D1
300
#C8D4B0
400
#AABC85
500
#8CA55A
600
#708448
700
#5A6A3A
800
#46522D
900
#353D24
950
#212717

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

4.39:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026