#2D5493 Color

Color Information

HEX	#2D5493
RGB	45, 84, 147
HSL	217° , 53% , 38%
HSV	217° , 69% , 58%
CMYK	69%, 43%, 0%, 42%

Lighter Shades

#4669A0 #5F7DAD #7992BA #92A6C7 #ABBBD4 #C4CFE1

Darker Shades

#284A81 #224070 #1D365E #172C4C #12223B #0D1829

Complementary Palette

#27487E #2D5493 #7F5E28 #946D2E #A3814B #4A6CA2

Analogous Palette

#3C7077 #417981 #2A4F8A #2D5493 #484181 #5A5487

Triadic Palette

#284A81 #2D5493 #9E2453 #AA3E68 #539E24 #498B20

Split Complementary Palette

#294C84 #2D5493 #943A2E #9F4E43 #88942E #7A8529

Square Palette

#26477B #2D5493 #8B3781 #8B6B37 #2E943A #4FA55A

Tetradic Palette

#254579 #2D5493 #711CA6 #946D2E #51A61C #70B645

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D5493 contains 45 red, 84 green, and 147 blue.

Contrast Ratio: 7.59:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.77:1