#2E4595 Color

Color Information

HEX	#2E4595
RGB	46, 69, 149
HSL	227° , 53% , 38%
HSV	227° , 69% , 58%
CMYK	69%, 54%, 0%, 42%

Lighter Shades

#475BA2 #6072AE #7988BB #929EC8 #ABB5D5 #C4CBE1

Darker Shades

#283D83 #233471 #1D2C5F #18244D #121C3C #0D132A

Complementary Palette

#283B80 #2E4595 #7F6C28 #947E2E #A3904B #4B5FA4

Analogous Palette

#3C6677 #416F81 #2B418C #2E4595 #534181 #635487

Triadic Palette

#283D83 #2E4595 #9E243E #AA3E55 #3E9E24 #378B20

Split Complementary Palette

#293E86 #2E4595 #944B2E #9F5D43 #77942E #6B8529

Square Palette

#273A7D #2E4595 #8B3773 #8B7937 #2E944B #4FA568

Tetradic Palette

#26397A #2E4595 #881CA6 #947E2E #3AA61C #5DB645

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4595 contains 46 red, 69 green, and 149 blue.

Contrast Ratio: 8.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.35:1