#2A64A9 Color

Color Information

HEX#2A64A9
RGB42, 100, 169
HSL213° , 60% , 41%
HSV213° , 75% , 66%
CMYK75%, 41%, 0%, 34%

Lighter Shades

#4477B3 #5D89BE #779CC8 #90AED2 #AAC1DD #C3D4E7

Darker Shades

#255895 #204C80 #1B406C #163458 #112844 #0C1C2F

Complementary Palette

#245691 #2A64A9 #905F24 #A76F2A #B38348 #487AB5

Analogous Palette

#3A8488 #3F8E92 #275E9F #2A64A9 #433F92 #575397

Triadic Palette

#255895 #2A64A9 #B21F61 #BB3A74 #61B21F #559D1B

Split Complementary Palette

#265A98 #2A64A9 #A7302A #B0453F #A1A72A #919626

Square Palette

#23548E #2A64A9 #9D3498 #9D6E34 #2AA730 #4CB551

Tetradic Palette

#22528B #2A64A9 #7117BA #A76F2A #60BA17 #7DC641

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A64A9 contains 42 red, 100 green, and 169 blue.

Contrast Ratio: 6.02:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.49:1