#4B5A60 Color

Color Information

HEX#4B5A60
RGB75, 90, 96
HSL197° , 12% , 34%
HSV197° , 22% , 38%
CMYK22%, 6%, 0%, 62%

Lighter Shades

#616E73 #768286 #8C9599 #A1A9AC #B7BDBF #CDD1D2

Darker Shades

#424F54 #394449 #303A3D #272F32 #1E2426 #15191B

Complementary Palette

#414D53 #4B5A60 #534741 #61524C #776A65 #647176

Analogous Palette

#435B57 #4A645F #47555A #4B5A60 #4A5064 #555C72

Triadic Palette

#424F54 #4B5A60 #6A445F #7C5A72 #5F6A44 #545D3C

Split Complementary Palette

#445156 #4B5A60 #614C51 #715E62 #615D4C #575444

Square Palette

#3F4C51 #4B5A60 #5F4A64 #64514A #51614C #6D7A69

Tetradic Palette

#3E4A4F #4B5A60 #4B3D71 #61524C #62713D #7E8B60

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #4B5A60 contains 75 red, 90 green, and 96 blue.

Contrast Ratio: 7.23:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.9:1