#325F96 Color

Color Information

HEX#325F96
RGB50, 95, 150
HSL213° , 50% , 39%
HSV213° , 67% , 59%
CMYK67%, 37%, 0%, 41%

Lighter Shades

#4B72A3 #6385AF #7C99BC #94ACC8 #ADBFD5 #C6D2E2

Darker Shades

#2C5484 #264872 #203D60 #1A314E #14263C #0E1B2A

Complementary Palette

#2B5281 #325F96 #80592B #956832 #A47D4F #4F75A5

Analogous Palette

#407577 #467E81 #2F598D #325F96 #494681 #5B5988

Triadic Palette

#2C5484 #325F96 #9F285D #AB4270 #5D9F28 #528C23

Split Complementary Palette

#2D5687 #325F96 #953732 #A04B47 #909532 #82862D

Square Palette

#2A507E #325F96 #8B3C87 #8B673C #329537 #53A657

Tetradic Palette

#294E7B #325F96 #6A20A7 #956832 #5DA720 #7AB748

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #325F96 contains 50 red, 95 green, and 150 blue.

Contrast Ratio: 6.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.2:1