#3C48A5 Color

Color Information

HEX	#3C48A5
RGB	60, 72, 165
HSL	233° , 47% , 44%
HSV	233° , 64% , 65%
CMYK	64%, 56%, 0%, 35%

Lighter Shades

#535EB0 #6B74BB #828AC5 #9AA0D0 #B1B6DB #C8CCE6

Darker Shades

#353F91 #2E377D #262E6A #1F2556 #181D42 #11142E

Complementary Palette

#343E8E #3C48A5 #8E8433 #A5993B #B2A756 #5762B2

Analogous Palette

#496D83 #52778E #38449B #3C48A5 #69528E #756392

Triadic Palette

#353F91 #3C48A5 #B0303F #B94956 #3FB030 #379B2A

Split Complementary Palette

#364195 #3C48A5 #A5643B #AE744F #7DA53B #719535

Square Palette

#323C8B #3C48A5 #9A477A #9A9047 #3BA564 #5AB37D

Tetradic Palette

#313B87 #3C48A5 #A827B9 #A5993B #38B927 #5CC64E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C48A5 contains 60 red, 72 green, and 165 blue.

Contrast Ratio: 8.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.62:1