Skip to main content

#322F82

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX
#322F82
RGB
rgb(50, 47, 130)
RGBA
rgba(50, 47, 130, 1)
HSL
hsl(242.17, 46.89%, 34.71%)
HSLA
hsla(242, 47%, 35%, 1)
CMYK
cmyk(62%, 64%, 0%, 49%)

Color Palettes

Harmonious color combinations based on #322F82

Monochromatic

Shades and tints of the same hue

#0E0E25
#2B2970
#4844BB
#918FD6
#DADAF1

Analogous

Adjacent colors on the color wheel

#2F8083
#2F5683
#322F82
#5C2F83
#832F80

Complementary

Opposite color for maximum contrast

#322F82
#80832F

Triadic

Three evenly spaced colors

#322F82
#83322F
#2F8332

CSS Usage Examples

Background

background-color: #322F82;

Text

color: #322F82;

Border

border: 2px solid #322F82;

Shadow

box-shadow: 0 4px 6px #322F8240;
Feedback