#325A9B Color

Color Information

HEX#325A9B
RGB50, 90, 155
HSL217° , 51% , 40%
HSV217° , 68% , 61%
CMYK68%, 42%, 0%, 39%

Lighter Shades

#4B6EA7 #6382B3 #7C95BF #94A9CB #ADBDD7 #C6D1E3

Darker Shades

#2C4F88 #264476 #203A63 #1A2F51 #14243E #0E192B

Complementary Palette

#2B4D85 #325A9B #84622B #9A7232 #A8864F #4F71A9

Analogous Palette

#41757C #467E86 #2F5592 #325A9B #4E4686 #5F5A8C

Triadic Palette

#2C4F88 #325A9B #A42857 #AF426B #57A428 #4D9023

Split Complementary Palette

#2D518C #325A9B #9A3E32 #A45147 #8E9A32 #808B2D

Square Palette

#2A4C82 #325A9B #903C86 #90703C #329A3E #53AA5D

Tetradic Palette

#294A7F #325A9B #7620AC #9A7232 #56AC20 #74BB48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #325A9B contains 50 red, 90 green, and 155 blue.

Contrast Ratio: 6.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.05:1