#2A5AB5 Color

Color Information

HEX#2A5AB5
RGB42, 90, 181
HSL219° , 62% , 44%
HSV219° , 77% , 71%
CMYK77%, 50%, 0%, 29%

Lighter Shades

#446EBE #5D82C7 #7795D0 #90A9D9 #AABDE1 #C3D1EA

Darker Shades

#254F9F #20448A #1B3A74 #162F5E #112448 #0C1933

Complementary Palette

#244D9C #2A5AB5 #9D7225 #B6852B #C09649 #4871BF

Analogous Palette

#3E8793 #41919F #2755AA #2A5AB5 #4F419F #6155A5

Triadic Palette

#254F9F #2A5AB5 #C11F58 #C83A6C #58C11F #4DAA1B

Split Complementary Palette

#2651A3 #2A5AB5 #B6402B #BD5340 #A1B62B #91A427

Square Palette

#234C98 #2A5AB5 #AB3699 #AB8236 #2BB640 #4DC25F

Tetradic Palette

#224A94 #2A5AB5 #8B16CA #B6852B #55CA16 #74D440

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5AB5 contains 42 red, 90 green, and 181 blue.

Contrast Ratio: 6.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.21:1