Skip to main content

#31864E

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
#31864E
RGB
rgb(49, 134, 78)
RGBA
rgba(49, 134, 78, 1)
HSL
hsl(140.47, 46.45%, 35.88%)
HSLA
hsla(140, 46%, 36%, 1)
CMYK
cmyk(63%, 0%, 42%, 47%)

Color Palettes

Harmonious color combinations based on #31864E

Monochromatic

Shades and tints of the same hue

#0E2516
#297041
#45BA6C
#8FD6A7
#DAF1E2

Analogous

Adjacent colors on the color wheel

#6A8632
#408632
#31864E
#328678
#326A86

Complementary

Opposite color for maximum contrast

#31864E
#86326A

Triadic

Three evenly spaced colors

#31864E
#4E3286
#864E32

CSS Usage Examples

Background

background-color: #31864E;

Text

color: #31864E;

Border

border: 2px solid #31864E;

Shadow

box-shadow: 0 4px 6px #31864E40;
Feedback