Skip to main content

#311E44

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
#311E44
RGB
rgb(49, 30, 68)
RGBA
rgba(49, 30, 68, 1)
HSL
hsl(270, 38.78%, 19.22%)
HSLA
hsla(270, 39%, 19%, 1)
CMYK
cmyk(28%, 56%, 0%, 73%)

Color Palettes

Harmonious color combinations based on #311E44

Monochromatic

Shades and tints of the same hue

#1A1023
#4D2F6A
#804EB1
#B395D0
#E6DCEF

Analogous

Adjacent colors on the color wheel

#1E3043
#1E1E43
#311E44
#431E43
#431E30

Complementary

Opposite color for maximum contrast

#311E44
#30431E

Triadic

Three evenly spaced colors

#311E44
#43301E
#1E4330

CSS Usage Examples

Background

background-color: #311E44;

Text

color: #311E44;

Border

border: 2px solid #311E44;

Shadow

box-shadow: 0 4px 6px #311E4440;
Feedback