#2D56AE Color

Color Information

HEX	#2D56AE
RGB	45, 86, 174
HSL	221° , 59% , 43%
HSV	221° , 74% , 68%
CMYK	74%, 51%, 0%, 32%

Lighter Shades

#466AB8 #5F7FC1 #7993CB #92A7D5 #ABBBDF #C4D0E8

Darker Shades

#284C99 #224184 #1D376F #172D5A #122246 #0D1831

Complementary Palette

#274A96 #2D56AE #967227 #AE852D #B9964A #4A6EB9

Analogous Palette

#3D7C8A #438998 #2A51A4 #2D56AE #534398 #62559B

Triadic Palette

#284C99 #2D56AE #B92252 #C13D67 #52B922 #48A31E

Split Complementary Palette

#294D9D #2D56AE #AE452D #B65842 #97AE2D #889D29

Square Palette

#264892 #2D56AE #A33890 #A38138 #2DAE45 #4FBB63

Tetradic Palette

#25478F #2D56AE #8D19C2 #AE852D #4FC219 #6FCD42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D56AE contains 45 red, 86 green, and 174 blue.

Contrast Ratio: 6.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.03:1