#324DA4 Color

Color Information

HEX#324DA4
RGB50, 77, 164
HSL226° , 53% , 42%
HSV226° , 70% , 64%
CMYK70%, 53%, 0%, 36%

Lighter Shades

#4B62AF #6378BA #7C8DC5 #94A2D0 #ADB8DB #C6CDE6

Darker Shades

#2C4490 #263B7D #203169 #1A2855 #141F42 #0E162E

Complementary Palette

#2B428D #324DA4 #8D762B #A48932 #B19A4F #4F66B1

Analogous Palette

#437384 #487C8E #2F489A #324DA4 #5B488E #695991

Triadic Palette

#2C4490 #324DA4 #AF2847 #B9425D #47AF28 #3E9A23

Split Complementary Palette

#2D4594 #324DA4 #A45132 #AD6247 #86A432 #79942D

Square Palette

#2A418A #324DA4 #993D81 #99843D #32A451 #53B36D

Tetradic Palette

#293F86 #324DA4 #941FB7 #A48932 #43B71F #65C447

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #324DA4 contains 50 red, 77 green, and 164 blue.

Contrast Ratio: 7.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.69:1