Skip to main content

#312142

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
#312142
RGB
rgb(49, 33, 66)
RGBA
rgba(49, 33, 66, 1)
HSL
hsl(269.09, 33.33%, 19.41%)
HSLA
hsla(269, 33%, 19%, 1)
CMYK
cmyk(26%, 50%, 0%, 74%)

Color Palettes

Harmonious color combinations based on #312142

Monochromatic

Shades and tints of the same hue

#191122
#4C3366
#7E55AA
#B299CC
#E5DDEE

Analogous

Adjacent colors on the color wheel

#203140
#202140
#312142
#402040
#402031

Complementary

Opposite color for maximum contrast

#312142
#314020

Triadic

Three evenly spaced colors

#312142
#403020
#204030

CSS Usage Examples

Background

background-color: #312142;

Text

color: #312142;

Border

border: 2px solid #312142;

Shadow

box-shadow: 0 4px 6px #31214240;
Feedback