#474E60 Color

Color Information

HEX#474E60
RGB71, 78, 96
HSL223° , 15% , 33%
HSV223° , 26% , 38%
CMYK26%, 19%, 0%, 62%

Lighter Shades

#5D6373 #737886 #898E99 #9FA3AC #B5B8BF #CBCDD2

Darker Shades

#3E4554 #363B49 #2D323D #252932 #1C1F26 #14161B

Complementary Palette

#3D4353 #474E60 #534D3E #615A48 #777162 #616776

Analogous Palette

#415358 #485B61 #43495A #474E60 #4D4861 #5A5572

Triadic Palette

#3E4554 #474E60 #693F4B #7B5661 #4B693F #425C37

Split Complementary Palette

#404656 #474E60 #614D48 #715F5A #5B6148 #525741

Square Palette

#3C4251 #474E60 #61485B #615A48 #48614D #657A69

Tetradic Palette

#3A404F #474E60 #603870 #615A48 #487038 #698A5C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #474E60 contains 71 red, 78 green, and 96 blue.

Contrast Ratio: 8.47:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.48:1