#2D3E77 Color

Color Information

HEX#2D3E77
RGB45, 62, 119
HSL226° , 45% , 32%
HSV226° , 62% , 47%
CMYK62%, 48%, 0%, 53%

Lighter Shades

#465587 #5F6C98 #7983A8 #929BB8 #ABB2C9 #C4C9D9

Darker Shades

#283769 #222F5A #1D284C #17203E #121930 #0D1121

Complementary Palette

#273566 #2D3E77 #655727 #76652D #897B4A #4A598A

Analogous Palette

#37535C #3D5B66 #2A3A70 #2D3E77 #483D66 #57506D

Triadic Palette

#283769 #2D3E77 #7E253A #8D3F52 #3A7E25 #336F21

Split Complementary Palette

#29386B #2D3E77 #76402D #845342 #63762D #596A29

Square Palette

#263464 #2D3E77 #6E355F #6E6135 #2D7640 #4F8C5F

Tetradic Palette

#253362 #2D3E77 #6D1E85 #76652D #36851E #5A9B47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3E77 contains 45 red, 62 green, and 119 blue.

Contrast Ratio: 10.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2:1