#2A4581 Color

Color Information

HEX	#2A4581
RGB	42, 69, 129
HSL	221° , 51% , 34%
HSV	221° , 67% , 51%
CMYK	67%, 47%, 0%, 49%

Lighter Shades

#445B90 #5D729F #7788AE #909EBD #AAB5CD #C3CBDC

Darker Shades

#253D72 #203462 #1B2C53 #162443 #111C34 #0C1324

Complementary Palette

#243B6F #2A4581 #715924 #83672A #947C48 #485F93

Analogous Palette

#375F68 #3C6872 #274179 #2A4581 #463C72 #574F78

Triadic Palette

#253D72 #2A4581 #8C2243 #9A3D5A #438C22 #3B7B1E

Split Complementary Palette

#263E74 #2A4581 #833B2A #8F4F3F #73832A #687626

Square Palette

#233A6C #2A4581 #7A336D #7A6433 #2A833B #4C975A

Tetradic Palette

#22396A #2A4581 #6D1B93 #83672A #41931B #63A644

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4581 contains 42 red, 69 green, and 129 blue.

Contrast Ratio: 9.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.21:1