Skip to main content

#342D84

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
#342D84
RGB
rgb(52, 45, 132)
RGBA
rgba(52, 45, 132, 1)
HSL
hsl(244.83, 49.15%, 34.71%)
HSLA
hsla(245, 49%, 35%, 1)
CMYK
cmyk(61%, 66%, 0%, 48%)

Color Palettes

Harmonious color combinations based on #342D84

Monochromatic

Shades and tints of the same hue

#0F0D26
#2D2772
#4B41BE
#938DD8
#DBD9F2

Analogous

Adjacent colors on the color wheel

#2E7E85
#2E5285
#342D84
#612E85
#852E7E

Complementary

Opposite color for maximum contrast

#342D84
#7E852E

Triadic

Three evenly spaced colors

#342D84
#85352E
#2E8535

CSS Usage Examples

Background

background-color: #342D84;

Text

color: #342D84;

Border

border: 2px solid #342D84;

Shadow

box-shadow: 0 4px 6px #342D8440;
Feedback