#2E4C79 Color

Color Information

HEX	#2E4C79
RGB	46, 76, 121
HSL	216° , 45% , 33%
HSV	216° , 62% , 47%
CMYK	62%, 37%, 0%, 53%

Lighter Shades

#476189 #607799 #798CA9 #92A2B9 #ABB7C9 #C4CDD9

Darker Shades

#28436A #233A5C #1D314D #18283F #121E30 #0D1522

Complementary Palette

#284168 #2E4C79 #694F28 #7A5C2E #8D734B #4B658C

Analogous Palette

#395C60 #3F6569 #2B4772 #2E4C79 #433F69 #545170

Triadic Palette

#28436A #2E4C79 #82264B #914061 #4B8226 #427221

Split Complementary Palette

#29446D #2E4C79 #7A362E #874A43 #727A2E #676E29

Square Palette

#274066 #2E4C79 #72376C #725A37 #2E7A36 #4F8F56

Tetradic Palette

#263E63 #2E4C79 #5F1F89 #7A5C2E #4A891F #6B9E47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4C79 contains 46 red, 76 green, and 121 blue.

Contrast Ratio: 8.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.38:1