Skip to main content

#324A97

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
#324A97
RGB
rgb(50, 74, 151)
RGBA
rgba(50, 74, 151, 1)
HSL
hsl(225.74, 50.25%, 39.41%)
HSLA
hsla(226, 50%, 39%, 1)
CMYK
cmyk(67%, 51%, 0%, 41%)

Color Palettes

Harmonious color combinations based on #324A97

Monochromatic

Shades and tints of the same hue

#0D1326
#263873
#405EBF
#8C9ED9
#D9DFF2

Analogous

Adjacent colors on the color wheel

#32957E
#327B95
#324A97
#4C3295
#7E3295

Complementary

Opposite color for maximum contrast

#324A97
#957E32

Triadic

Three evenly spaced colors

#324A97
#953249
#499532

CSS Usage Examples

Background

background-color: #324A97;

Text

color: #324A97;

Border

border: 2px solid #324A97;

Shadow

box-shadow: 0 4px 6px #324A9740;
Feedback