#328FA2 Color

Color Information

HEX#328FA2
RGB50, 143, 162
HSL190° , 53% , 42%
HSV190° , 69% , 64%
CMYK69%, 12%, 0%, 36%

Lighter Shades

#4B9CAD #63AAB8 #7CB7C3 #94C5CF #ADD2DA #C6E0E5

Darker Shades

#2C7E8F #266D7B #205C68 #1A4A54 #143941 #0E282D

Complementary Palette

#2B7B8B #328FA2 #8D3B2B #A44532 #B15F4F #4F9FAF

Analogous Palette

#43846E #488E77 #2F8698 #328FA2 #485F8E #596C91

Triadic Palette

#2C7E8F #328FA2 #AF2898 #B942A4 #98AF28 #869A23

Split Complementary Palette

#2D8192 #328FA2 #A43258 #AD4769 #A47E32 #94712D

Square Palette

#2A7888 #328FA2 #7A3D99 #994C3D #58A432 #73B353

Tetradic Palette

#297585 #328FA2 #381FB7 #A44532 #9EB71F #AFC447

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #328FA2 contains 50 red, 143 green, and 162 blue.

Contrast Ratio: 3.71:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.66:1