Skip to main content

#343E72

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
#343E72
RGB
rgb(52, 62, 114)
RGBA
rgba(52, 62, 114, 1)
HSL
hsl(230.32, 37.35%, 32.55%)
HSLA
hsla(230, 37%, 33%, 1)
CMYK
cmyk(54%, 46%, 0%, 55%)

Color Palettes

Harmonious color combinations based on #343E72

Monochromatic

Shades and tints of the same hue

#101323
#303A69
#5060AF
#96A0CF
#DCDFEF

Analogous

Adjacent colors on the color wheel

#357369
#355F73
#343E72
#4A3573
#693573

Complementary

Opposite color for maximum contrast

#343E72
#736935

Triadic

Three evenly spaced colors

#343E72
#73353F
#3F7335

CSS Usage Examples

Background

background-color: #343E72;

Text

color: #343E72;

Border

border: 2px solid #343E72;

Shadow

box-shadow: 0 4px 6px #343E7240;
Feedback