#356CAE Color

Color Information

HEX#356CAE
RGB53, 108, 174
HSL213° , 53% , 45%
HSV213° , 70% , 68%
CMYK70%, 38%, 0%, 32%

Lighter Shades

#4D7EB8 #658FC1 #7EA1CB #96B3D5 #AEC4DF #C6D6E8

Darker Shades

#2F5F99 #285284 #22456F #1C385A #152B46 #0F1E31

Complementary Palette

#2E5D96 #356CAE #97682E #B07936 #BB8C52 #5181B9

Analogous Palette

#488A8E #4D9599 #3266A4 #356CAE #514D99 #625F9B

Triadic Palette

#2F5F99 #356CAE #BB2A6C #C3447E #6CBB2A #5FA525

Split Complementary Palette

#30619D #356CAE #B03C36 #B8504A #A9B036 #989E31

Square Palette

#2D5B92 #356CAE #A4419F #A47841 #36B03C #56BD5B

Tetradic Palette

#2B598F #356CAE #7B21C4 #B07936 #6BC421 #86CF49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #356CAE contains 53 red, 108 green, and 174 blue.

Contrast Ratio: 5.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.92:1