#326CA2 Color

Color Information

HEX#326CA2
RGB50, 108, 162
HSL209° , 53% , 42%
HSV209° , 69% , 64%
CMYK69%, 33%, 0%, 36%

Lighter Shades

#4B7EAD #638FB8 #7CA1C3 #94B3CF #ADC4DA #C6D6E5

Darker Shades

#2C5F8F #26527B #204568 #1A3854 #142B41 #0E1E2D

Complementary Palette

#2B5D8B #326CA2 #8D5A2B #A46932 #B17E4F #4F81AF

Analogous Palette

#438483 #488E8D #2F6698 #326CA2 #48498E #595A91

Triadic Palette

#2C5F8F #326CA2 #AF286D #B9427F #6DAF28 #609A23

Split Complementary Palette

#2D6192 #326CA2 #A43234 #AD4748 #A4A232 #94922D

Square Palette

#2A5B88 #326CA2 #983D99 #996A3D #34A432 #54B353

Tetradic Palette

#295985 #326CA2 #691FB7 #A46932 #6EB71F #88C447

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #326CA2 contains 50 red, 108 green, and 162 blue.

Contrast Ratio: 5.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.81:1