#2E5682 Color

Color Information

HEX	#2E5682
RGB	46, 86, 130
HSL	211° , 48% , 35%
HSV	211° , 65% , 51%
CMYK	65%, 34%, 0%, 49%

Lighter Shades

#476A91 #607FA0 #7993AF #92A7BE #ABBBCD #C4D0DC

Darker Shades

#284C72 #234163 #1D3753 #182D44 #122234 #0D1824

Complementary Palette

#284A70 #2E5682 #724E28 #845B2E #95724B #4B6E94

Analogous Palette

#3B6868 #407172 #2B517A #2E5682 #414072 #545379

Triadic Palette

#284C72 #2E5682 #8D2558 #9B3F6C #588D25 #4D7C21

Split Complementary Palette

#294D75 #2E5682 #84302E #904543 #83842E #767729

Square Palette

#27486D #2E5682 #7B377A #7B5A37 #2E8430 #4F9851

Tetradic Palette

#26476B #2E5682 #5B1E94 #845B2E #57941E #75A747

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E5682 contains 46 red, 86 green, and 130 blue.

Contrast Ratio: 7.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.74:1