#536A84 Color

Color Information

HEX#536A84
RGB83, 106, 132
HSL212° , 23% , 42%
HSV212° , 37% , 52%
CMYK37%, 20%, 0%, 48%

Lighter Shades

#687C93 #7C8EA2 #91A0B0 #A6B2BF #BAC3CE #CFD5DD

Darker Shades

#495D74 #3F5164 #354454 #2B3745 #212A35 #171E25

Complementary Palette

#475B72 #536A84 #725E47 #846D52 #95816A #6B7F95

Analogous Palette

#526F6F #5B7A7B #4E647C #536A84 #5C5B7B #68668A

Triadic Palette

#495D74 #536A84 #8E4869 #9C5E7B #698E48 #5C7D3F

Split Complementary Palette

#4B5F77 #536A84 #845452 #906563 #828452 #75774A

Square Palette

#46596F #536A84 #7B5B7A #7B6C5B #528454 #6E986F

Tetradic Palette

#44576C #536A84 #6E3F97 #846D52 #68973F #83AA62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536A84 contains 83 red, 106 green, and 132 blue.

Contrast Ratio: 5.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.77:1