#2D3A89 Color

Color Information

HEX	#2D3A89
RGB	45, 58, 137
HSL	232° , 51% , 36%
HSV	232° , 67% , 54%
CMYK	67%, 58%, 0%, 46%

Lighter Shades

#465297 #5F69A5 #7981B3 #9299C2 #ABB0D0 #C4C8DE

Darker Shades

#283379 #222C68 #1D2558 #171E47 #121737 #0D1026

Complementary Palette

#273276 #2D3A89 #786C27 #8B7E2D #9B904A #4A569A

Analogous Palette

#3A5B6E #3F6378 #2A3781 #2D3A89 #543F78 #63537F

Triadic Palette

#283379 #2D3A89 #942433 #A13E4B #339424 #2D8220

Split Complementary Palette

#29347B #2D3A89 #8B4F2D #976142 #688B2D #5E7D29

Square Palette

#263173 #2D3A89 #813666 #817736 #2D8B4F #4F9E6B

Tetradic Palette

#253070 #2D3A89 #8A1C9B #8B7E2D #2D9B1C #53AD45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3A89 contains 45 red, 58 green, and 137 blue.

Contrast Ratio: 10.44:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.01:1