Skip to main content

#312E51

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
#312E51
RGB
rgb(49, 46, 81)
RGBA
rgba(49, 46, 81, 1)
HSL
hsl(245.14, 27.56%, 24.9%)
HSLA
hsla(245, 28%, 25%, 1)
CMYK
cmyk(40%, 43%, 0%, 68%)

Color Palettes

Harmonious color combinations based on #312E51

Monochromatic

Shades and tints of the same hue

#141221
#3B3762
#625CA3
#A19DC8
#E0DEED

Analogous

Adjacent colors on the color wheel

#2E4F52
#2E3D52
#312E51
#432E52
#522E4F

Complementary

Opposite color for maximum contrast

#312E51
#4F522E

Triadic

Three evenly spaced colors

#312E51
#52312E
#2E5231

CSS Usage Examples

Background

background-color: #312E51;

Text

color: #312E51;

Border

border: 2px solid #312E51;

Shadow

box-shadow: 0 4px 6px #312E5140;
Feedback