#677454

#677454

Color Values

HEX

#677454

RGB

103, 116, 84

HSL

84.4, 16.0%, 39.2%

HSV

84.4, 27.6%, 45.5%

CMYK

11.2%, 0.0%, 27.6%, 54.5%

OKLCH

0.5391 0.0504 126.0

Properties

Cool Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#677454

#615474

Analogous

#747154

#577454

#677454

Triadic

#677454

#546774

#745467

Split Complementary

#677454

#545774

#715474

Tetradic

#677454

#547471

#615474

#745457

Color Blindness Simulation

Original

#677454

Protanopia

#6D6D5C

Deuteranopia

#6C6B5E

Tritanopia

#686263

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EEF0EB
200
#DCE1D6
300
#C4CCB8
400
#A3B092
500
#83946B
600
#697656
700
#545F45
800
#424A36
900
#323729
950
#1F231A

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

4.2:1

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