#3A45D0 Color

Color Information

HEX	#3A45D0
RGB	58, 69, 208
HSL	236° , 61% , 52%
HSV	236° , 72% , 82%
CMYK	72%, 67%, 0%, 18%

Lighter Shades

#525BD6 #6972DB #8188E1 #999EE7 #B0B5EC #C8CBF2

Darker Shades

#333DB7 #2C349E #252C85 #1E246C #171C53 #10133A

Complementary Palette

#323BB3 #3A45D0 #B2A932 #CFC53A #D6CD56 #565FD7

Analogous Palette

#4E82A6 #528BB7 #3741C4 #3A45D0 #7E52B7 #8961BD

Triadic Palette

#333DB7 #3A45D0 #DC2E39 #E04751 #39DC2E #32C228

Split Complementary Palette

#343EBB #3A45D0 #CF7B3A #D4884E #8FCF3A #81BA34

Square Palette

#313AAF #3A45D0 #C3468D #C3BB46 #3ACF7B #5AD790

Tetradic Palette

#3039AB #3A45D0 #D824E5 #CFC53A #31E524 #56EA4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A45D0 contains 58 red, 69 green, and 208 blue.

Contrast Ratio: 7.26:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.89:1