#2D78B2 Color

Color Information

HEX#2D78B2
RGB45, 120, 178
HSL206° , 60% , 44%
HSV206° , 75% , 70%
CMYK75%, 33%, 0%, 30%

Lighter Shades

#4688BB #5F98C4 #79A9CE #92B9D7 #ABC9E0 #C4D9E9

Darker Shades

#286A9D #225B87 #1D4D72 #173E5D #123047 #0D2232

Complementary Palette

#276799 #2D78B2 #9B5927 #B4672D #BF7C4A #4A8BBD

Analogous Palette

#3F928D #439D97 #2A71A7 #2D78B2 #43499D #575CA2

Triadic Palette

#286A9D #2D78B2 #BF227B #C73D8B #7BBF22 #6CA81E

Split Complementary Palette

#296CA0 #2D78B2 #B42D36 #BC424A #B4AB2D #A29A29

Square Palette

#266596 #2D78B2 #A138A8 #A86938 #36B42D #56C04F

Tetradic Palette

#256292 #2D78B2 #6519C8 #B4672D #7CC819 #94D242

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D78B2 contains 45 red, 120 green, and 178 blue.

Contrast Ratio: 4.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.47:1