#677D4D

#677D4D

Color Values

HEX

#677D4D

RGB

103, 125, 77

HSL

87.5, 23.8%, 39.6%

HSV

87.5, 38.4%, 49.0%

CMYK

17.6%, 0.0%, 38.4%, 51.0%

OKLCH

0.5595 0.0746 128.6

Properties

Cool Light Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#677D4D

#634D7D

Analogous

#7D7B4D

#4F7D4D

#677D4D

Triadic

#677D4D

#4D677D

#7D4D67

Split Complementary

#677D4D

#4D4F7D

#7B4D7D

Tetradic

#677D4D

#4D7D7B

#634D7D

#7D4D4F

Color Blindness Simulation

Original

#677D4D

Protanopia

#717159

Deuteranopia

#6F6E5B

Tritanopia

#686264

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#EDF1EA
200
#DCE4D3
300
#C3D0B3
400
#A3B78A
500
#829E61
600
#687E4E
700
#53653E
800
#414F31
900
#313B26
950
#1F2518

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026