#2D4CB2 Color

Color Information

HEX#2D4CB2
RGB45, 76, 178
HSL226° , 60% , 44%
HSV226° , 75% , 70%
CMYK75%, 57%, 0%, 30%

Lighter Shades

#4661BB #5F77C4 #798CCE #92A2D7 #ABB7E0 #C4CDE9

Darker Shades

#28439D #223A87 #1D3172 #17285D #121E47 #0D1532

Complementary Palette

#274199 #2D4CB2 #9B7F27 #B4942D #BFA34A #4A65BD

Analogous Palette

#3F7C92 #43859D #2A47A7 #2D4CB2 #5B439D #6B57A2

Triadic Palette

#28439D #2D4CB2 #BF2246 #C73D5C #46BF22 #3EA81E

Split Complementary Palette

#2944A0 #2D4CB2 #B4512D #BC6242 #90B42D #82A229

Square Palette

#264096 #2D4CB2 #A8388A #A88E38 #2DB451 #4FC06D

Tetradic Palette

#253E92 #2D4CB2 #9F19C8 #B4942D #42C819 #64D242

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4CB2 contains 45 red, 76 green, and 178 blue.

Contrast Ratio: 7.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.75:1