#312E81

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

#312E81

RGB

rgb(49, 46, 129)

RGBA

rgba(49, 46, 129, 1)

HSL

hsl(242.17, 47.43%, 34.31%)

HSLA

hsla(242, 47%, 34%, 1)

CMYK

cmyk(62%, 64%, 0%, 49%)

Color Palettes

Harmonious color combinations based on #312E81

Monochromatic

Shades and tints of the same hue

#0E0E25

#2B2970

#4844BB

#918FD6

#DADAF1

Analogous

Adjacent colors on the color wheel

#2E7D7F

#2E547F

#312E81

#592E7F

#7F2E7D

Complementary

Opposite color for maximum contrast

#312E81

#7D7F2E

Triadic

Three evenly spaced colors

#312E81

#7F312E

#2E7F31

CSS Usage Examples

Background

background-color: #312E81;

Text

color: #312E81;

Border

border: 2px solid #312E81;

Shadow

box-shadow: 0 4px 6px #312E8140;

Related Colors

Discover harmonious color variations

Complementary

#7E812E

Opposite on color wheel

Lighter

#5753C2

+20% lightness

Darker

#141336

-20% lightness

Analogous -30°

#2E5481

Adjacent color

Analogous +30°

#5B2E81

Adjacent color