#536F8A Color

Color Information

HEX#536F8A
RGB83, 111, 138
HSL209° , 25% , 43%
HSV209° , 40% , 54%
CMYK40%, 20%, 0%, 46%

Lighter Shades

#688098 #7C92A6 #91A3B4 #A6B4C2 #BAC5D0 #CFD7DE

Darker Shades

#496279 #3F5469 #354758 #2B3A48 #212C37 #171F27

Complementary Palette

#475F77 #536F8A #765E47 #896D52 #9A816A #6B839A

Analogous Palette

#557272 #5D7E7E #4E6882 #536F8A #5D5E7E #66668A

Triadic Palette

#496279 #536F8A #944770 #A15D81 #709447 #63823E

Split Complementary Palette

#4B647C #536F8A #895253 #956364 #898852 #7B7A4A

Square Palette

#465D74 #536F8A #7E5D7E #7E6D5D #538952 #6F9C6E

Tetradic Palette

#445B71 #536F8A #6C3F9D #896D52 #719D3F #8BAF62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536F8A contains 83 red, 111 green, and 138 blue.

Contrast Ratio: 5.21:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.03:1