#2E5A97 Color

Color Information

HEX#2E5A97
RGB46, 90, 151
HSL215° , 53% , 39%
HSV215° , 70% , 59%
CMYK70%, 40%, 0%, 41%

Lighter Shades

#476EA3 #6082B0 #7995BC #92A9C9 #ABBDD5 #C4D1E2

Darker Shades

#284F85 #234473 #1D3A61 #182F4F #12243C #0D192A

Complementary Palette

#284D82 #2E5A97 #835D28 #986C2F #A6814C #4B71A6

Analogous Palette

#3E757A #437F84 #2B558E #2E5A97 #484384 #5B568A

Triadic Palette

#284F85 #2E5A97 #A22559 #AD3F6D #59A225 #4E8F21

Split Complementary Palette

#295188 #2E5A97 #98382F #A24C44 #8F982F #81892A

Square Palette

#274C7F #2E5A97 #8E3987 #8E6B39 #2F9838 #50A858

Tetradic Palette

#264A7C #2E5A97 #6F1DAA #986C2F #58AA1D #76B946

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E5A97 contains 46 red, 90 green, and 151 blue.

Contrast Ratio: 7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3:1