#2D54A6 Color

Color Information

HEX#2D54A6
RGB45, 84, 166
HSL221° , 57% , 41%
HSV221° , 73% , 65%
CMYK73%, 49%, 0%, 35%

Lighter Shades

#4669B1 #5F7DBB #7992C6 #92A6D1 #ABBBDB #C4CFE6

Darker Shades

#284A92 #22407E #1D366A #172C56 #122242 #0D182E

Complementary Palette

#27488F #2D54A6 #8D6C27 #A47E2D #B1904A #4A6CB2

Analogous Palette

#3D7885 #42818F #2A4F9C #2D54A6 #50428F #615695

Triadic Palette

#284A92 #2D54A6 #AF234F #B93D64 #4FAF23 #469A1F

Split Complementary Palette

#294C95 #2D54A6 #A4432D #AD5642 #8EA42D #809429

Square Palette

#26478B #2D54A6 #9A3788 #9A7B37 #2DA443 #4FB361

Tetradic Palette

#254588 #2D54A6 #851AB7 #A47E2D #4CB71A #6CC443

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D54A6 contains 45 red, 84 green, and 166 blue.

Contrast Ratio: 7.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.9:1