#325EA0 Color

Color Information

HEX	#325EA0
RGB	50, 94, 160
HSL	216° , 52% , 41%
HSV	216° , 69% , 63%
CMYK	69%, 41%, 0%, 37%

Lighter Shades

#4B71AB #6385B7 #7C98C2 #94ABCE #ADBFD9 #C6D2E4

Darker Shades

#2C538D #26477A #203C66 #1A3153 #142640 #0E1A2D

Complementary Palette

#2B518A #325EA0 #89632B #9F7332 #AC874F #4F75AD

Analogous Palette

#427A80 #47838A #2F5896 #325EA0 #4E478A #615A90

Triadic Palette

#2C538D #325EA0 #A9285C #B34270 #5CA928 #519523

Split Complementary Palette

#2D5590 #325EA0 #9F3D32 #A95047 #949F32 #858F2D

Square Palette

#2A4F86 #325EA0 #943D8C #94713D #329F3D #53AE5C

Tetradic Palette

#294D83 #325EA0 #771FB2 #9F7332 #5AB21F #78C047

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #325EA0 contains 50 red, 94 green, and 160 blue.

Contrast Ratio: 6.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.23:1