#485649 Color

Color Information

HEX#485649
RGB72, 86, 73
HSL124° , 9% , 31%
HSV124° , 16% , 34%
CMYK16%, 0%, 15%, 66%

Lighter Shades

#5E6A5F #747F75 #8A938B #A0A7A0 #B6BBB6 #CCD0CC

Darker Shades

#3F4C40 #374137 #2E372F #252D26 #1D221D #141814

Complementary Palette

#3E4A3F #485649 #4A3E49 #564855 #6E626D #626E62

Analogous Palette

#47523D #4D5B43 #445145 #485649 #435B51 #506D5F

Triadic Palette

#3F4C40 #485649 #42405E #595771 #5E4240 #533A38

Split Complementary Palette

#414D42 #485649 #504856 #625A67 #56484E #4D4146

Square Palette

#3C483D #485649 #434D5B #5B4359 #565048 #716C65

Tetradic Palette

#3B473C #485649 #3A6264 #564855 #643D3A #80605D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #485649 contains 72 red, 86 green, and 73 blue.

Contrast Ratio: 7.88:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.66:1