#4B506C Color

Color Information

HEX#4B506C
RGB75, 80, 108
HSL231° , 18% , 36%
HSV231° , 31% , 42%
CMYK31%, 26%, 0%, 58%

Lighter Shades

#61657E #767A8F #8C8FA1 #A1A4B3 #B7B9C4 #CDCED6

Darker Shades

#42465F #393D52 #303345 #272A38 #1E202B #15161E

Complementary Palette

#41455D #4B506C #5D5941 #6C674B #817C64 #646981

Analogous Palette

#485861 #4E606A #474B66 #4B506C #584E6A #645978

Triadic Palette

#42465F #4B506C #76424A #865960 #4A7642 #41683A

Split Complementary Palette

#444861 #4B506C #6C574B #7B685D #616C4B #576144

Square Palette

#3F435B #4B506C #6A4E60 #6A654E #4B6C57 #688472

Tetradic Palette

#3E4259 #4B506C #733B7D #6C674B #457D3B #66945E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #4B506C contains 75 red, 80 green, and 108 blue.

Contrast Ratio: 8.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.62:1