#536C9C Color

Color Information

HEX	#536C9C
RGB	83, 108, 156
HSL	219° , 31% , 47%
HSV	219° , 47% , 61%
CMYK	47%, 31%, 0%, 39%

Lighter Shades

#687EA8 #7C8FB4 #91A1C0 #A6B3CC #BAC4D7 #CFD6E3

Darker Shades

#495F89 #3F5277 #354564 #2B3851 #212B3E #171E2C

Complementary Palette

#475D86 #536C9C #877147 #9D8353 #AB946B #6B81AA

Analogous Palette

#5D797E #66848A #4E6693 #536C9C #6B668A #756F95

Triadic Palette

#495F89 #536C9C #A94769 #B35D7B #69A947 #5C953E

Split Complementary Palette

#4B618C #536C9C #9D5E53 #A76E64 #929D53 #838D4B

Square Palette

#465B83 #536C9C #915F89 #917F5F #539D5E #6FAD78

Tetradic Palette

#445980 #536C9C #893DB3 #9D8353 #66B33D #82C160

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536C9C contains 83 red, 108 green, and 156 blue.

Contrast Ratio: 5.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.01:1