#323E86 Color

Color Information

HEX	#323E86
RGB	50, 62, 134
HSL	231° , 46% , 36%
HSV	231° , 63% , 53%
CMYK	63%, 54%, 0%, 47%

Lighter Shades

#4B5595 #636CA3 #7C83B2 #949BC0 #ADB2CF #C6C9DD

Darker Shades

#2C3776 #262F66 #202856 #1A2046 #141936 #0E1126

Complementary Palette

#2B3573 #323E86 #73682B #867932 #978C4F #4F5997

Analogous Palette

#3E5B6A #446374 #2F3A7E #323E86 #554474 #63577A

Triadic Palette

#2C3776 #323E86 #8F2838 #9C4250 #388F28 #317E23

Split Complementary Palette

#2D3879 #323E86 #864F32 #926147 #688632 #5E792D

Square Palette

#2A3471 #323E86 #7D3B66 #7D733B #32864F #53996B

Tetradic Palette

#29336E #323E86 #852197 #867932 #339721 #58AA49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #323E86 contains 50 red, 62 green, and 134 blue.

Contrast Ratio: 9.97:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.11:1