#325AD1 Color

Color Information

HEX#325AD1
RGB50, 90, 209
HSL225° , 63% , 51%
HSV225° , 76% , 82%
CMYK76%, 57%, 0%, 18%

Lighter Shades

#4B6ED7 #6382DC #7C95E2 #94A9E7 #ADBDED #C6D1F2

Darker Shades

#2C4FB8 #26449F #203A86 #1A2F6D #142454 #0E193B

Complementary Palette

#2B4DB4 #325AD1 #B4912C #D1A933 #D7B550 #4F71D7

Analogous Palette

#4790A9 #4C9DB8 #2F55C4 #325AD1 #674CB8 #745BBE

Triadic Palette

#2C4FB8 #325AD1 #DD2754 #E14169 #54DD27 #4AC222

Split Complementary Palette

#2D51BC #325AD1 #D15B33 #D66B47 #A9D133 #98BC2E

Square Palette

#2A4CB0 #325AD1 #C440A3 #C4A340 #33D15B #54D875

Tetradic Palette

#294AAB #325AD1 #B51DE7 #D1A933 #4FE71D #6FEB46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #325AD1 contains 50 red, 90 green, and 209 blue.

Contrast Ratio: 6.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.5:1