#3549B0 Color

Color Information

HEX#3549B0
RGB53, 73, 176
HSL230° , 54% , 45%
HSV230° , 70% , 69%
CMYK70%, 59%, 0%, 31%

Lighter Shades

#4D5FB9 #6575C3 #7E8BCC #96A0D6 #AEB6DF #C6CCE9

Darker Shades

#2F409B #283786 #222F71 #1C265C #151D46 #0F1431

Complementary Palette

#2E3F97 #3549B0 #98862E #B19C35 #BCAA51 #5162BB

Analogous Palette

#477690 #4C809A #3245A5 #3549B0 #664C9A #735E9C

Triadic Palette

#2F409B #3549B0 #BC2942 #C44359 #42BC29 #3AA524

Split Complementary Palette

#30429E #3549B0 #B15E35 #B96E49 #87B135 #7A9F30

Square Palette

#2D3D94 #3549B0 #A54084 #A59440 #35B15E #55BD78

Tetradic Palette

#2B3C90 #3549B0 #AA20C5 #B19C35 #3CC520 #5FCF48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3549B0 contains 53 red, 73 green, and 176 blue.

Contrast Ratio: 7.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.69:1