#476B5F Color

Color Information

HEX#476B5F
RGB71, 107, 95
HSL160° , 20% , 35%
HSV160° , 34% , 42%
CMYK34%, 0%, 11%, 58%

Lighter Shades

#5D7D72 #738F85 #89A099 #9FB2AC #B5C4BF #CBD6D2

Darker Shades

#3E5E54 #365148 #2D443D #253831 #1C2B26 #141E1B

Complementary Palette

#3D5C52 #476B5F #5C3D47 #6B4753 #80616B #618075

Analogous Palette

#455E4A #4C6750 #436559 #476B5F #4C6267 #577075

Triadic Palette

#3E5E54 #476B5F #623E74 #755585 #74623E #665637

Split Complementary Palette

#406056 #476B5F #6B4765 #7A5974 #6B4D47 #604540

Square Palette

#3C5A50 #476B5F #504C67 #674C55 #656B47 #7E8364

Tetradic Palette

#3A584E #476B5F #374E7B #6B4753 #7B6537 #93815B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #476B5F contains 71 red, 107 green, and 95 blue.

Contrast Ratio: 5.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.54:1