#323486 Color

Color Information

HEX#323486
RGB50, 52, 134
HSL239° , 46% , 36%
HSV239° , 63% , 53%
CMYK63%, 61%, 0%, 47%

Lighter Shades

#4B4C95 #6365A3 #7C7DB2 #9495C0 #ADAECF #C6C6DD

Darker Shades

#2C2E76 #262866 #202156 #1A1B46 #141536 #0E0F26

Complementary Palette

#2B2D73 #323486 #73722B #868532 #97964F #4F5097

Analogous Palette

#3E556A #445D74 #2F317E #323486 #5B4474 #67577A

Triadic Palette

#2C2E76 #323486 #8F282A #9C4244 #2A8F28 #257E23

Split Complementary Palette

#2D2F79 #323486 #865A32 #926B47 #5D8632 #54792D

Square Palette

#2A2C71 #323486 #7D3B5D #7D7C3B #32865A #539974

Tetradic Palette

#292B6E #323486 #952197 #868532 #239721 #4BAA49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #323486 contains 50 red, 52 green, and 134 blue.

Contrast Ratio: 11.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.9:1