#3B48A5 Color

Color Information

HEX#3B48A5
RGB59, 72, 165
HSL233° , 47% , 44%
HSV233° , 64% , 65%
CMYK64%, 56%, 0%, 35%

Lighter Shades

#535EB0 #6A74BB #828AC5 #99A0D0 #B1B6DB #C8CCE6

Darker Shades

#343F91 #2D377D #262E6A #1F2556 #181D42 #11142E

Complementary Palette

#333E8E #3B48A5 #8E8433 #A5993B #B2A756 #5662B2

Analogous Palette

#496D83 #52778E #37449B #3B48A5 #69528E #756392

Triadic Palette

#343F91 #3B48A5 #B0303F #B94956 #3FB030 #379B2A

Split Complementary Palette

#354195 #3B48A5 #A5643B #AE744F #7DA53B #719535

Square Palette

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

Tetradic Palette

#303B87 #3B48A5 #A827B9 #A5993B #38B927 #5CC64E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3B48A5 contains 59 red, 72 green, and 165 blue.

Contrast Ratio: 8.05:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.61:1