#536B8A Color

Color Information

HEX#536B8A
RGB83, 107, 138
HSL214° , 25% , 43%
HSV214° , 40% , 54%
CMYK40%, 22%, 0%, 46%

Lighter Shades

#687D98 #7C8FA6 #91A0B4 #A6B2C2 #BAC4D0 #CFD6DE

Darker Shades

#495E79 #3F5169 #354458 #2B3848 #212B37 #171E27

Complementary Palette

#475C77 #536B8A #766147 #897152 #9A856A #6B809A

Analogous Palette

#557072 #5D7C7E #4E6582 #536B8A #5F5D7E #69668A

Triadic Palette

#495E79 #536B8A #944769 #A15D7B #699447 #5C823E

Split Complementary Palette

#4B607C #536B8A #895652 #956763 #858952 #787B4A

Square Palette

#465A74 #536B8A #7E5D7C #7E705D #528956 #6E9C71

Tetradic Palette

#445871 #536B8A #743F9D #897152 #679D3F #82AF62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536B8A contains 83 red, 107 green, and 138 blue.

Contrast Ratio: 5.45:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.85:1