#2A5EC5 Color

Color Information

HEX	#2A5EC5
RGB	42, 94, 197
HSL	220° , 65% , 47%
HSV	220° , 79% , 77%
CMYK	79%, 52%, 0%, 23%

Lighter Shades

#4471CC #5D85D3 #7798DA #90ABE1 #AABFE8 #C3D2EF

Darker Shades

#2553AD #204796 #1B3C7E #163166 #11264F #0C1A37

Complementary Palette

#2451A9 #2A5EC5 #AA7E24 #C6922A #CEA148 #4875CD

Analogous Palette

#3C8F9F #429CAE #2758B9 #2A5EC5 #5442AE #6253B2

Triadic Palette

#2553AD #2A5EC5 #D21E5A #D7396E #5AD21E #4FB91A

Split Complementary Palette

#2655B1 #2A5EC5 #C6442A #CC573F #ACC62A #9BB226

Square Palette

#234FA5 #2A5EC5 #BA36A4 #BA8E36 #2AC644 #4CCF62

Tetradic Palette

#224DA2 #2A5EC5 #9914DB #C6922A #57DB14 #75E13E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5EC5 contains 42 red, 94 green, and 197 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