#5362B3 Color

Color Information

HEX#5362B3
RGB83, 98, 179
HSL231° , 39% , 51%
HSV231° , 54% , 70%
CMYK54%, 45%, 0%, 30%

Lighter Shades

#6875BC #7C88C5 #919BCE #A6ADD7 #BAC0E1 #CFD3EA

Darker Shades

#49569E #3F4A88 #353F73 #2B335D #212748 #171B32

Complementary Palette

#47549A #5362B3 #9A8D46 #B3A451 #BEB169 #6B78BE

Analogous Palette

#627E8D #6A899A #4E5CA8 #5362B3 #7B6A9A #8676A2

Triadic Palette

#49569E #5362B3 #BF4557 #C75B6B #57BF45 #4DA83D

Split Complementary Palette

#4B58A1 #5362B3 #B37351 #BB8162 #91B351 #83A149

Square Palette

#465296 #5362B3 #A65E8D #A69B5E #51B373 #6DBF89

Tetradic Palette

#445093 #5362B3 #B43BC9 #B3A451 #50C93B #70D35E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5362B3 contains 83 red, 98 green, and 179 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