#325A80 Color

Color Information

HEX#325A80
RGB50, 90, 128
HSL209° , 44% , 35%
HSV209° , 61% , 50%
CMYK61%, 30%, 0%, 50%

Lighter Shades

#4B6E8F #63829E #7C95AE #94A9BD #ADBDCC #C6D1DB

Darker Shades

#2C4F71 #264461 #203A52 #1A2F43 #142433 #0E1924

Complementary Palette

#2B4D6E #325A80 #6F4C2B #815832 #936F4F #4F7192

Analogous Palette

#3E6564 #446F6D #2F5578 #325A80 #44456F #565676

Triadic Palette

#2C4F71 #325A80 #89295B #97436F #5B8929 #507924

Split Complementary Palette

#2D5173 #325A80 #813233 #8E4747 #817F32 #74722D

Square Palette

#2A4C6C #325A80 #763B78 #78583B #338132 #549553

Tetradic Palette

#294A69 #325A80 #572291 #815832 #5B9122 #79A54A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #325A80 contains 50 red, 90 green, and 128 blue.

Contrast Ratio: 7.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.88:1