#325AD2 Color

Color Information

HEX	#325AD2
RGB	50, 90, 210
HSL	225° , 64% , 51%
HSV	225° , 76% , 82%
CMYK	76%, 57%, 0%, 18%

Lighter Shades

#4B6ED7 #6382DD #7C95E2 #94A9E8 #ADBDED #C6D1F2

Darker Shades

#2C4FB9 #2644A0 #203A86 #1A2F6D #142454 #0E193B

Complementary Palette

#2B4DB5 #325AD2 #B5922B #D2AA32 #D8B64F #4F71D8

Analogous Palette

#4691AA #4B9EB9 #2F55C5 #325AD2 #674BB9 #735ABF

Triadic Palette

#2C4FB9 #325AD2 #DF2654 #E34069 #54DF26 #4AC421

Split Complementary Palette

#2D51BD #325AD2 #D25A32 #D76B47 #AAD232 #99BD2D

Square Palette

#2A4CB0 #325AD2 #C63FA4 #C6A43F #32D25A #53D974

Tetradic Palette

#294AAC #325AD2 #B51CE9 #D2AA32 #4FE91C #6FED45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #325AD2 contains 50 red, 90 green, and 210 blue.

Contrast Ratio: 5.99:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.51:1