#3A5DAE

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

#3A5DAE

RGB

rgb(58, 93, 174)

RGBA

rgba(58, 93, 174, 1)

HSL

hsl(221.9, 50%, 45.49%)

HSLA

hsla(222, 50%, 45%, 1)

CMYK

cmyk(67%, 47%, 0%, 32%)

Color Palettes

Harmonious color combinations based on #3A5DAE

Monochromatic

Shades and tints of the same hue

#0D1426

#263D73

#4066BF

#8CA3D9

#D9E0F2

Analogous

Adjacent colors on the color wheel

#39AC8A

#3995AC

#3A5DAE

#5039AC

#8A39AC

Complementary

Opposite color for maximum contrast

#3A5DAE

#AC8A39

Triadic

Three evenly spaced colors

#3A5DAE

#AC395C

#5CAC39

CSS Usage Examples

Background

background-color: #3A5DAE;

Text

color: #3A5DAE;

Border

border: 2px solid #3A5DAE;

Shadow

box-shadow: 0 4px 6px #3A5DAE40;

Related Colors

Discover harmonious color variations

Complementary

#AE8B3A

Opposite on color wheel

Lighter

#7B96D3

+20% lightness

Darker

#213462

-20% lightness

Analogous -30°

#3A97AE

Adjacent color

Analogous +30°

#513AAE

Adjacent color