#2D4482 Color

Color Information

HEX	#2D4482
RGB	45, 68, 130
HSL	224° , 49% , 34%
HSV	224° , 65% , 51%
CMYK	65%, 48%, 0%, 49%

Lighter Shades

#465A91 #5F71A0 #7987AF #929EBE #ABB4CD #C4CBDC

Darker Shades

#283C72 #223463 #1D2C53 #172344 #121B34 #0D1324

Complementary Palette

#273A70 #2D4482 #6F5C26 #816B2C #93804A #4A5E94

Analogous Palette

#375C67 #3E6470 #2A407A #2D4482 #493E70 #595176

Triadic Palette

#283C72 #2D4482 #8A243F #983E56 #3F8A24 #377920

Split Complementary Palette

#293D75 #2D4482 #81402C #8E5341 #6D812C #627428

Square Palette

#26396D #2D4482 #793569 #796635 #2C8140 #4E955F

Tetradic Palette

#25386B #2D4482 #721D91 #816B2C #3C911D #5FA546

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4482 contains 45 red, 68 green, and 130 blue.

Contrast Ratio: 9.53:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.2:1