#676B5D Color

Color Information

HEX#676B5D
RGB103, 107, 93
HSL77° , 7% , 39%
HSV77° , 13% , 42%
CMYK4%, 0%, 13%, 58%

Lighter Shades

#797D70 #8B8F84 #9EA097 #B0B2AB #C2C4BE #D4D6D2

Darker Shades

#5B5E52 #4E5147 #42443C #363830 #292B25 #1D1E1A

Complementary Palette

#595C50 #676B5D #534F5B #605C6A #76737F #7C8074

Analogous Palette

#6A634E #726C55 #616557 #676B5D #5D7255 #69815F

Triadic Palette

#5B5E52 #676B5D #536B74 #687D85 #74536B #66495E

Split Complementary Palette

#5D6054 #676B5D #5C606A #6C7079 #675C6A #5D535F

Square Palette

#575A4E #676B5D #55726C #5D5572 #6A5C60 #827679

Tetradic Palette

#54584C #676B5D #4B7C59 #605C6A #7C4B6E #946B88

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #676B5D contains 103 red, 107 green, and 93 blue.

Contrast Ratio: 5.45:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 3.85:1