#536A79 Color

Color Information

HEX#536A79
RGB83, 106, 121
HSL204° , 19% , 40%
HSV204° , 31% , 47%
CMYK31%, 12%, 0%, 53%

Lighter Shades

#687C89 #7C8E99 #91A0A9 #A6B2B9 #BAC3C9 #CFD5D9

Darker Shades

#495D6A #3F515C #35444D #2B373F #212A30 #171E22

Complementary Palette

#475B68 #536A79 #685447 #796253 #8C786B #6B7F8C

Analogous Palette

#506D6B #577573 #4E6472 #536A79 #575975 #626484

Triadic Palette

#495D6A #536A79 #84486C #935E7E #6C8448 #5F743F

Split Complementary Palette

#4B5F6D #536A79 #795356 #866467 #797653 #6D6A4B

Square Palette

#465966 #536A79 #735775 #756357 #567953 #718E6F

Tetradic Palette

#445763 #536A79 #5E408C #796253 #6E8C40 #88A162

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536A79 contains 83 red, 106 green, and 121 blue.

Contrast Ratio: 5.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.71:1