#536497 Color

Color Information

HEX#536497
RGB83, 100, 151
HSL225° , 29% , 46%
HSV225° , 45% , 59%
CMYK45%, 34%, 0%, 41%

Lighter Shades

#6877A3 #7C89B0 #919CBC #A6AEC9 #BAC1D5 #CFD4E2

Darker Shades

#495885 #3F4C73 #354061 #2B344F #21283C #171C2A

Complementary Palette

#475682 #536497 #827347 #978653 #A6976B #6B7AA6

Analogous Palette

#5B737B #647E87 #4E5E8E #536497 #6D6487 #766C93

Triadic Palette

#495885 #536497 #A3485E #AE5E71 #5EA348 #538F3F

Split Complementary Palette

#4B5A88 #536497 #976453 #A17464 #869753 #79884B

Square Palette

#46547F #536497 #8C5F80 #8C805F #539764 #6FA87D

Tetradic Palette

#44527C #536497 #913EAC #978653 #5AAC3E #78BB61

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536497 contains 83 red, 100 green, and 151 blue.

Contrast Ratio: 5.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.64:1