#2D4F84 Color

Color Information

HEX	#2D4F84
RGB	45, 79, 132
HSL	217° , 49% , 35%
HSV	217° , 66% , 52%
CMYK	66%, 40%, 0%, 48%

Lighter Shades

#466493 #5F79A2 #798EB0 #92A3BF #ABB9CE #C4CEDD

Darker Shades

#284674 #223C64 #1D3354 #172945 #122035 #0D1625

Complementary Palette

#274472 #2D4F84 #725528 #85632E #96794B #4A6895

Analogous Palette

#3A6469 #3F6D73 #2A4A7C #2D4F84 #453F73 #575379

Triadic Palette

#284674 #2D4F84 #8E254D #9C3F62 #4D8E25 #447D21

Split Complementary Palette

#294777 #2D4F84 #85382E #914C43 #7B852E #6F7829

Square Palette

#26426F #2D4F84 #7C3674 #7C6136 #2E8538 #4F9958

Tetradic Palette

#25416C #2D4F84 #671D95 #85632E #4B951D #6BA846

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4F84 contains 45 red, 79 green, and 132 blue.

Contrast Ratio: 8.34:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.52:1