#3A5ADD Color

Color Information

HEX	#3A5ADD
RGB	58, 90, 221
HSL	228° , 71% , 55%
HSV	228° , 74% , 87%
CMYK	74%, 59%, 0%, 13%

Lighter Shades

#526EE1 #6982E5 #8195E9 #99A9ED #B0BDF1 #C8D1F5

Darker Shades

#334FC2 #2C44A8 #253A8D #1E2F73 #172458 #10193E

Complementary Palette

#324DBE #3A5ADD #BFA333 #DEBD3B #E3C656 #5671E2

Analogous Palette

#5096B4 #52A4C7 #3755D0 #3A5ADD #7552C7 #8161CC

Triadic Palette

#334FC2 #3A5ADD #E92F54 #EC4869 #54E92F #4ACD29

Split Complementary Palette

#3451C7 #3A5ADD #DE6C3B #E17B4F #ADDE3B #9CC835

Square Palette

#314CBA #3A5ADD #D246A8 #D2B646 #3BDE6C #5AE384

Tetradic Palette

#304AB5 #3A5ADD #CA26F2 #DEBD3B #4FF226 #6FF44D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5ADD contains 58 red, 90 green, and 221 blue.

Contrast Ratio: 5.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.66:1