#2D4876 Color

Color Information

HEX	#2D4876
RGB	45, 72, 118
HSL	218° , 45% , 32%
HSV	218° , 62% , 46%
CMYK	62%, 39%, 0%, 54%

Lighter Shades

#465E86 #5F7497 #798AA7 #92A0B8 #ABB6C8 #C4CCD9

Darker Shades

#283F68 #22375A #1D2E4C #17253D #121D2F #0D1421

Complementary Palette

#273E65 #2D4876 #654E27 #765B2D #89724A #4A6289

Analogous Palette

#37585C #3D6166 #2A446F #2D4876 #433D66 #54506D

Triadic Palette

#283F68 #2D4876 #7E2546 #8D3F5C #467E25 #3E6F21

Split Complementary Palette

#29416A #2D4876 #76372D #844B42 #6D762D #626A29

Square Palette

#263C63 #2D4876 #6E3567 #6E5935 #2D7637 #4F8C57

Tetradic Palette

#253B61 #2D4876 #5F1E85 #765B2D #44851E #669B47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4876 contains 45 red, 72 green, and 118 blue.

Contrast Ratio: 9.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.24:1