#677C64

#677C64

Color Values

HEX

#677C64

RGB

103, 124, 100

HSL

112.5, 10.7%, 43.9%

HSV

112.5, 19.4%, 48.6%

CMYK

16.9%, 0.0%, 19.4%, 51.4%

OKLCH

0.5623 0.0439 141.6

Properties

Cool Light Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#677C64

#79647C

Analogous

#737C64

#647C6D

#677C64

Triadic

#677C64

#64677C

#7C6467

Split Complementary

#677C64

#6D647C

#7C6473

Tetradic

#677C64

#64737C

#79647C

#7C6D64

Color Blindness Simulation

Original

#677C64

Protanopia

#70706A

Deuteranopia

#6F6D6B

Tritanopia

#686E6F

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D8DFD7
300
#BDC8BB
400
#99AB97
500
#758D72
600
#5E715B
700
#4B5A49
800
#3B4739
900
#2D352C
950
#1C221C

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

4.64:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026