#677C63

#677C63

Color Values

HEX

#677C63

RGB

103, 124, 99

HSL

110.4, 11.2%, 43.7%

HSV

110.4, 20.2%, 48.6%

CMYK

16.9%, 0.0%, 20.2%, 51.4%

OKLCH

0.5621 0.0451 140.6

Properties

Cool Light Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#677C63

#78637C

Analogous

#737C63

#637C6B

#677C63

Triadic

#677C63

#63677C

#7C6367

Split Complementary

#677C63

#6B637C

#7C6373

Tetradic

#677C63

#63737C

#78637C

#7C6B63

Color Blindness Simulation

Original

#677C63

Protanopia

#707069

Deuteranopia

#6F6D6A

Tritanopia

#686E6F

Achromatopsia

#767676

CSS Usage

background-color: #677C63;
color: #677C63;
border-color: #677C63;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F7F8F7
100
#ECEFEB
200
#D9DFD7
300
#BDC9BB
400
#99AB96
500
#768E71
600
#5E715B
700
#4B5B48
800
#3B4739
900
#2D352C
950
#1D221C

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

4.64:1

AA Pass 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