#2A4B9B Color

Color Information

HEX#2A4B9B
RGB42, 75, 155
HSL222° , 57% , 39%
HSV222° , 73% , 61%
CMYK73%, 52%, 0%, 39%

Lighter Shades

#4461A7 #5D76B3 #778CBF #90A1CB #AAB7D7 #C3CDE3

Darker Shades

#254288 #203976 #1B3063 #162751 #111E3E #0C152B

Complementary Palette

#244185 #2A4B9B #866925 #9C7A2B #AA8D49 #4864A9

Analogous Palette

#3A6F7E #3F7A88 #274792 #2A4B9B #4D3F88 #5F538D

Triadic Palette

#254288 #2A4B9B #A62149 #B13C5F #49A621 #40921D

Split Complementary Palette

#26448C #2A4B9B #9C412B #A65440 #859C2B #788C27

Square Palette

#233F82 #2A4B9B #92357F #927635 #2B9C41 #4DAC5F

Tetradic Palette

#223E7F #2A4B9B #8119AE #9C7A2B #46AE19 #67BD42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4B9B contains 42 red, 75 green, and 155 blue.

Contrast Ratio: 8.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.53:1