#325AA4 Color

Color Information

HEX#325AA4
RGB50, 90, 164
HSL219° , 53% , 42%
HSV219° , 70% , 64%
CMYK70%, 45%, 0%, 36%

Lighter Shades

#4B6EAF #6382BA #7C95C5 #94A9D0 #ADBDDB #C6D1E6

Darker Shades

#2C4F90 #26447D #203A69 #1A2F55 #142442 #0E192E

Complementary Palette

#2B4D8D #325AA4 #8D6B2B #A47C32 #B18E4F #4F71B1

Analogous Palette

#437A84 #48848E #2F559A #325AA4 #52488E #625991

Triadic Palette

#2C4F90 #325AA4 #AF2857 #B9426B #57AF28 #4D9A23

Split Complementary Palette

#2D5194 #325AA4 #A44332 #AD5647 #93A432 #84942D

Square Palette

#2A4C8A #325AA4 #993D8B #99793D #32A443 #53B361

Tetradic Palette

#294A86 #325AA4 #821FB7 #A47C32 #54B71F #73C447

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #325AA4 contains 50 red, 90 green, and 164 blue.

Contrast Ratio: 6.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.11:1