#536AA7 Color

Color Information

HEX#536AA7
RGB83, 106, 167
HSL224° , 34% , 49%
HSV224° , 50% , 65%
CMYK50%, 37%, 0%, 35%

Lighter Shades

#687CB2 #7C8EBC #91A0C7 #A6B2D1 #BAC3DC #CFD5E6

Darker Shades

#495D93 #3F517F #35446B #2B3757 #212A43 #171E2F

Complementary Palette

#475B90 #536AA7 #907D47 #A79152 #B3A06A #6B7FB3

Analogous Palette

#627C84 #6A8890 #4E649D #536AA7 #736A90 #7E7599

Triadic Palette

#495D93 #536AA7 #B44663 #BD5C76 #63B446 #579E3E

Split Complementary Palette

#4B5F96 #536AA7 #A76652 #B07563 #94A752 #85964A

Square Palette

#46598C #536AA7 #9B5F8E #9B8B5F #52A766 #6EB57E

Tetradic Palette

#445789 #536AA7 #9B3CBE #A79152 #5FBE3C #7CCA5F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536AA7 contains 83 red, 106 green, and 167 blue.

Contrast Ratio: 5.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4:1