#2D6CB4 Color

Color Information

HEX#2D6CB4
RGB45, 108, 180
HSL212° , 60% , 44%
HSV212° , 75% , 71%
CMYK75%, 40%, 0%, 29%

Lighter Shades

#467EBD #5F8FC6 #79A1CF #92B3D8 #ABC4E1 #C4D6EA

Darker Shades

#285F9E #225289 #1D4573 #17385E #122B48 #0D1E32

Complementary Palette

#275D9B #2D6CB4 #9B6527 #B4752D #BF884A #4A81BF

Analogous Palette

#3F9092 #439A9D #2A66A9 #2D6CB4 #46439D #5957A2

Triadic Palette

#285F9E #2D6CB4 #BF226B #C73D7D #6BBF22 #5EA81E

Split Complementary Palette

#2961A2 #2D6CB4 #B4312D #BC4642 #AFB42D #9EA229

Square Palette

#265B97 #2D6CB4 #A838A5 #A87438 #2DB431 #4FC052

Tetradic Palette

#255994 #2D6CB4 #7619C8 #B4752D #6AC819 #85D242

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D6CB4 contains 45 red, 108 green, and 180 blue.

Contrast Ratio: 5.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.93:1