#325A90 Color

Color Information

HEX#325A90
RGB50, 90, 144
HSL214° , 48% , 38%
HSV214° , 65% , 56%
CMYK65%, 38%, 0%, 44%

Lighter Shades

#4B6E9D #6382AB #7C95B8 #94A9C5 #ADBDD3 #C6D1E0

Darker Shades

#2C4F7F #26446D #203A5C #1A2F4B #14243A #0E1928

Complementary Palette

#2B4D7C #325A90 #7B592B #8F6732 #9F7C4F #4F71A0

Analogous Palette

#406F72 #46787C #2F5587 #325A90 #4A467C #5C5982

Triadic Palette

#2C4F7F #325A90 #992959 #A5436D #599929 #4E8724

Split Complementary Palette

#2D5182 #325A90 #8F3932 #9A4D47 #898F32 #7B812D

Square Palette

#2A4C79 #325A90 #863C81 #86663C #328F39 #53A159

Tetradic Palette

#294A76 #325A90 #6921A1 #8F6732 #58A121 #76B249

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #325A90 contains 50 red, 90 green, and 144 blue.

Contrast Ratio: 7.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.98:1