#475A4E Color

Color Information

HEX#475A4E
RGB71, 90, 78
HSL142° , 12% , 32%
HSV142° , 21% , 35%
CMYK21%, 0%, 13%, 65%

Lighter Shades

#5D6E63 #738278 #89958E #9FA9A3 #B5BDB8 #CBD1CD

Darker Shades

#3E4F45 #36443B #2D3A32 #252F29 #1C241F #141916

Complementary Palette

#3D4D43 #475A4E #4E3E48 #5B4854 #72626C #617167

Analogous Palette

#41553F #485E45 #435549 #475A4E #455E5B #506D69

Triadic Palette

#3E4F45 #475A4E #4D4064 #625777 #644D40 #584438

Split Complementary Palette

#405146 #475A4E #59485B #6A5A6B #5B484A #524143

Square Palette

#3C4C42 #475A4E #45485E #5E4555 #5B5948 #757465

Tetradic Palette

#3A4A40 #475A4E #39586A #5B4854 #6A4B39 #856B5D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #475A4E contains 71 red, 90 green, and 78 blue.

Contrast Ratio: 7.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.81:1