#3C5C89 Color

Color Information

HEX	#3C5C89
RGB	60, 92, 137
HSL	215° , 39% , 39%
HSV	215° , 56% , 54%
CMYK	56%, 33%, 0%, 46%

Lighter Shades

#537097 #6B83A5 #8297B3 #9AAAC2 #B1BED0 #C8D1DE

Darker Shades

#355179 #2E4668 #263B58 #1F3047 #182537 #111A26

Complementary Palette

#344F76 #3C5C89 #775B34 #8A6A3D #9A7F58 #57739A

Analogous Palette

#4A6A6D #517376 #385681 #3C5C89 #545176 #625F81

Triadic Palette

#355179 #3C5C89 #94335B #A14B6F #5B9433 #50822D

Split Complementary Palette

#36537B #3C5C89 #8A433D #965650 #848A3D #777C37

Square Palette

#324D73 #3C5C89 #80477B #806847 #3D8A43 #5C9D61

Tetradic Palette

#314B70 #3C5C89 #6D2B9C #8A6A3D #5A9C2B #78AE51

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5C89 contains 60 red, 92 green, and 137 blue.

Contrast Ratio: 6.86:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.06:1