#324582 Color

Color Information

HEX	#324582
RGB	50, 69, 130
HSL	226° , 44% , 35%
HSV	226° , 62% , 51%
CMYK	62%, 47%, 0%, 49%

Lighter Shades

#4B5B91 #6372A0 #7C88AF #949EBE #ADB5CD #C6CBDC

Darker Shades

#2C3D72 #263463 #202C53 #1A2444 #141C34 #0E1324

Complementary Palette

#2B3B70 #324582 #6F5F2B #816E32 #93824F #4F5F94

Analogous Palette

#3E5B65 #44636F #2F417A #324582 #4F446F #5E5676

Triadic Palette

#2C3D72 #324582 #892940 #974357 #408929 #387924

Split Complementary Palette

#2D3E75 #324582 #814732 #8E5947 #6C8132 #61742D

Square Palette

#2A3A6D #324582 #783B67 #78693B #328147 #539564

Tetradic Palette

#29396B #324582 #772291 #816E32 #3C9122 #5FA54A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #324582 contains 50 red, 69 green, and 130 blue.

Contrast Ratio: 9.32:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.25:1