#677C27

#677C27

Color Values

HEX

#677C27

RGB

103, 124, 39

HSL

74.8, 52.1%, 32.0%

HSV

74.8, 68.5%, 48.6%

CMYK

16.9%, 0.0%, 68.5%, 51.4%

OKLCH

0.5517 0.1128 122.1

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#677C27

#3C277C

Analogous

#7C6727

#3D7C27

#677C27

Triadic

#677C27

#27677C

#7C2767

Split Complementary

#677C27

#273D7C

#67277C

Tetradic

#677C27

#277C67

#3C277C

#7C273D

Color Blindness Simulation

Original

#677C27

Protanopia

#70703C

Deuteranopia

#6F6D40

Tritanopia

#684C4F

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F1F5E5
200
#E5EEC9
300
#D2E2A2
400
#BAD26F
500
#A1C23D
600
#819B31
700
#677C27
800
#51611F
900
#3C471A
950
#262D10

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

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