Skip to main content

#311966

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
#311966
RGB
rgb(49, 25, 102)
RGBA
rgba(49, 25, 102, 1)
HSL
hsl(258.7, 60.63%, 24.9%)
HSLA
hsla(259, 61%, 25%, 1)
CMYK
cmyk(52%, 75%, 0%, 60%)

Color Palettes

Harmonious color combinations based on #311966

Monochromatic

Shades and tints of the same hue

#140A29
#3B1E7B
#6332CD
#A184E1
#E0D6F5

Analogous

Adjacent colors on the color wheel

#194E67
#192767
#311966
#581967
#67194E

Complementary

Opposite color for maximum contrast

#311966
#4E6719

Triadic

Three evenly spaced colors

#311966
#673119
#196731

CSS Usage Examples

Background

background-color: #311966;

Text

color: #311966;

Border

border: 2px solid #311966;

Shadow

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