#3C58A6 Color

Color Information

HEX#3C58A6
RGB60, 88, 166
HSL224° , 47% , 44%
HSV224° , 64% , 65%
CMYK64%, 47%, 0%, 35%

Lighter Shades

#536CB1 #6B80BB #8294C6 #9AA8D1 #B1BCDB #C8D0E6

Darker Shades

#354D92 #2E437E #26386A #1F2E56 #182342 #11192E

Complementary Palette

#344C8F #3C58A6 #8E7633 #A5893B #B29A56 #576FB2

Analogous Palette

#497583 #52808E #38539C #3C58A6 #60528E #6E6392

Triadic Palette

#354D92 #3C58A6 #B03052 #B94967 #52B030 #489B2A

Split Complementary Palette

#364F95 #3C58A6 #A5543B #AE654F #8CA53B #7E9535

Square Palette

#324A8B #3C58A6 #9A4786 #9A8447 #3BA554 #5AB36F

Tetradic Palette

#314888 #3C58A6 #9227B9 #A5893B #4EB927 #6EC64E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C58A6 contains 60 red, 88 green, and 166 blue.

Contrast Ratio: 6.74:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.11:1