#484F56 Color

Color Information

HEX#484F56
RGB72, 79, 86
HSL210° , 9% , 31%
HSV210° , 16% , 34%
CMYK16%, 8%, 0%, 66%

Lighter Shades

#5E646A #74797F #8A8E93 #A0A3A7 #B6B9BB #CCCED0

Darker Shades

#3F464C #373C41 #2E3337 #25292D #1D2022 #141618

Complementary Palette

#3E444A #484F56 #4A443E #564F48 #6E6862 #62686E

Analogous Palette

#3D5252 #435B5B #444A51 #484F56 #43435B #50506D

Triadic Palette

#3F464C #484F56 #5E404F #715764 #4F5E40 #465338

Split Complementary Palette

#41474D #484F56 #564848 #675A5A #565648 #4D4D41

Square Palette

#3C4248 #484F56 #5B435B #5B4F43 #485648 #657165

Tetradic Palette

#3B4147 #484F56 #4F3A64 #564F48 #4F643A #6F805D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #484F56 contains 72 red, 79 green, and 86 blue.

Contrast Ratio: 8.46:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.48:1