#3B30AC Color

Color Information

HEX#3B30AC
RGB59, 48, 172
HSL245° , 56% , 43%
HSV245° , 72% , 67%
CMYK66%, 72%, 0%, 33%

Lighter Shades

#5349B6 #6A62C0 #827BCA #9993D4 #B1ACDE #C8C5E8

Darker Shades

#342A97 #2D2483 #261F6E #1F1959 #181345 #110D30

Complementary Palette

#332994 #3B30AC #8A9329 #A1AB30 #AEB74D #564DB8

Analogous Palette

#405D87 #466795 #372DA2 #3B30AC #744695 #80599B

Triadic Palette

#342A97 #3B30AC #B63125 #BF4A3F #25B631 #21A02B

Split Complementary Palette

#352B9B #3B30AC #AB7830 #B38645 #63AB30 #599A2B

Square Palette

#322890 #3B30AC #A03B65 #98A03B #30AB78 #51B88E

Tetradic Palette

#30278D #3B30AC #BF1DB1 #A1AB30 #1DBF2A #46CB50

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3B30AC contains 59 red, 48 green, and 172 blue.

Contrast Ratio: 9.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.14:1