#536996 Color

Color Information

HEX#536996
RGB83, 105, 150
HSL220° , 29% , 46%
HSV220° , 45% , 59%
CMYK45%, 30%, 0%, 41%

Lighter Shades

#687BA3 #7C8DAF #919FBC #A6B1C8 #BAC3D5 #CFD5E2

Darker Shades

#495C84 #3F5072 #354360 #2B374E #212A3C #171D2A

Complementary Palette

#475A81 #536996 #826F47 #978153 #A6936B #6B7EA5

Analogous Palette

#5B767B #648187 #4E638D #536996 #6A6487 #736C93

Triadic Palette

#495C84 #536996 #A34866 #AE5E78 #66A348 #5A8F3F

Split Complementary Palette

#4B5F87 #536996 #975F53 #A16F64 #8C9753 #7E884B

Square Palette

#46587E #536996 #8C5F84 #8C7D5F #53975F #6FA879

Tetradic Palette

#44567B #536996 #8A3EAC #978153 #63AC3E #7FBB61

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536996 contains 83 red, 105 green, and 150 blue.

Contrast Ratio: 5.47:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.84:1