#2E458C Color

Color Information

HEX	#2E458C
RGB	46, 69, 140
HSL	225° , 51% , 36%
HSV	225° , 67% , 55%
CMYK	67%, 51%, 0%, 45%

Lighter Shades

#475B9A #6072A8 #7988B5 #929EC3 #ABB5D1 #C4CBDF

Darker Shades

#283D7B #23346A #1D2C5A #182449 #121C38 #0D1327

Complementary Palette

#283B78 #2E458C #786327 #8B732D #9B874A #4B5F9C

Analogous Palette

#3A616E #3F6A78 #2B4184 #2E458C #4E3F78 #5E537F

Triadic Palette

#283D7B #2E458C #942440 #A13E57 #409424 #388220

Split Complementary Palette

#293E7E #2E458C #8B442D #975742 #738B2D #687D29

Square Palette

#273A76 #2E458C #81366F #816F36 #2D8B44 #4F9E62

Tetradic Palette

#263973 #2E458C #7B1C9B #8B732D #3C9B1C #5FAD45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E458C contains 46 red, 69 green, and 140 blue.

Contrast Ratio: 9.17:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.29:1