#2A4AAA Color

Color Information

HEX#2A4AAA
RGB42, 74, 170
HSL225° , 60% , 42%
HSV225° , 75% , 67%
CMYK75%, 56%, 0%, 33%

Lighter Shades

#4460B4 #5D75BE #778BC9 #90A1D3 #AAB7DD #C3CCE7

Darker Shades

#254196 #203881 #1B2F6D #162658 #111E44 #0C1530

Complementary Palette

#244092 #2A4AAA #937825 #AB8B2B #B79B49 #4863B6

Analogous Palette

#3D778A #408196 #2746A0 #2A4AAA #564096 #66549C

Triadic Palette

#254196 #2A4AAA #B62046 #BF3B5C #46B620 #3EA01C

Split Complementary Palette

#264399 #2A4AAA #AB4B2B #B35D40 #8BAB2B #7D9A27

Square Palette

#233E8F #2A4AAA #A13686 #A18636 #2BAB4B #4DB868

Tetradic Palette

#223D8B #2A4AAA #9518BF #AB8B2B #41BF18 #63CB42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4AAA contains 42 red, 74 green, and 170 blue.

Contrast Ratio: 8.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.61:1