#2A4B97 Color

Color Information

HEX#2A4B97
RGB42, 75, 151
HSL222° , 56% , 38%
HSV222° , 72% , 59%
CMYK72%, 50%, 0%, 41%

Lighter Shades

#4461A3 #5D76B0 #778CBC #90A1C9 #AAB7D5 #C3CDE2

Darker Shades

#254285 #203973 #1B3061 #16274F #111E3C #0C152A

Complementary Palette

#244182 #2A4B97 #826625 #97772B #A68A49 #4864A6

Analogous Palette

#3A6C78 #3E7684 #27478E #2A4B97 #4C3E84 #5D5289

Triadic Palette

#254285 #2A4B97 #A12147 #AC3C5D #47A121 #3E8E1D

Split Complementary Palette

#264488 #2A4B97 #97402B #A15340 #81972B #748827

Square Palette

#233F7F #2A4B97 #8D347C #8D7334 #2B9740 #4DA85F

Tetradic Palette

#223E7C #2A4B97 #7E19A9 #97772B #44A919 #66B842

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4B97 contains 42 red, 75 green, and 151 blue.

Contrast Ratio: 8.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.51:1