#2E4797 Color

Color Information

HEX#2E4797
RGB46, 71, 151
HSL226° , 53% , 39%
HSV226° , 70% , 59%
CMYK70%, 53%, 0%, 41%

Lighter Shades

#475DA3 #6073B0 #7989BC #929FC9 #ABB5D5 #C4CBE2

Darker Shades

#283E85 #233673 #1D2D61 #18254F #121C3C #0D142A

Complementary Palette

#283D82 #2E4797 #836E28 #98802F #A6924C #4B61A6

Analogous Palette

#3E6A7A #437384 #2B438E #2E4797 #544384 #64568A

Triadic Palette

#283E85 #2E4797 #A22542 #AD3F59 #42A225 #3A8F21

Split Complementary Palette

#294088 #2E4797 #984B2F #A25D44 #7C982F #70892A

Square Palette

#273C7F #2E4797 #8E3977 #8E7A39 #2F984B #50A868

Tetradic Palette

#263A7C #2E4797 #891DAA #98802F #3EAA1D #61B946

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4797 contains 46 red, 71 green, and 151 blue.

Contrast Ratio: 8.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.41:1