#2D4A82 Color

Color Information

HEX#2D4A82
RGB45, 74, 130
HSL220° , 49% , 34%
HSV220° , 65% , 51%
CMYK65%, 43%, 0%, 49%

Lighter Shades

#466091 #5F75A0 #798BAF #92A1BE #ABB7CD #C4CCDC

Darker Shades

#284172 #223863 #1D2F53 #172644 #121E34 #0D1524

Complementary Palette

#274070 #2D4A82 #6F5726 #81652C #937B4A #4A6394

Analogous Palette

#375F67 #3E6770 #2A467A #2D4A82 #463E70 #575176

Triadic Palette

#284172 #2D4A82 #8A2446 #983E5C #468A24 #3E7920

Split Complementary Palette

#294375 #2D4A82 #813A2C #8E4E41 #73812C #687428

Square Palette

#263E6D #2D4A82 #79356D #796235 #2C813A #4E955A

Tetradic Palette

#253D6B #2D4A82 #6A1D91 #81652C #43911D #65A546

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4A82 contains 45 red, 74 green, and 130 blue.

Contrast Ratio: 8.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.36:1