#2A64B2 Color

Color Information

HEX#2A64B2
RGB42, 100, 178
HSL214° , 62% , 43%
HSV214° , 76% , 70%
CMYK76%, 44%, 0%, 30%

Lighter Shades

#4477BB #5D89C4 #779CCE #90AED7 #AAC1E0 #C3D4E9

Darker Shades

#25589D #204C87 #1B4072 #16345D #112847 #0C1C32

Complementary Palette

#245699 #2A64B2 #996624 #B2772A #BD8A48 #487ABD

Analogous Palette

#3B8B91 #40969C #275EA7 #2A64B2 #46409C #5A54A0

Triadic Palette

#25589D #2A64B2 #BD1F63 #C53A76 #63BD1F #57A61B

Split Complementary Palette

#265AA0 #2A64B2 #B2332A #BA473F #A9B22A #98A026

Square Palette

#235496 #2A64B2 #A7359F #A77535 #2AB233 #4CBE54

Tetradic Palette

#225292 #2A64B2 #7916C5 #B2772A #62C516 #7ECF40

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A64B2 contains 42 red, 100 green, and 178 blue.

Contrast Ratio: 5.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.56:1