Skip to main content

#313B16

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
#313B16
RGB
rgb(49, 59, 22)
RGBA
rgba(49, 59, 22, 1)
HSL
hsl(76.22, 45.68%, 15.88%)
HSLA
hsla(76, 46%, 16%, 1)
CMYK
cmyk(17%, 0%, 63%, 77%)

Color Palettes

Harmonious color combinations based on #313B16

Monochromatic

Shades and tints of the same hue

#1F250E
#5D7029
#9BBA45
#C3D68F
#EBF1DA

Analogous

Adjacent colors on the color wheel

#3C2016
#3C3316
#313B16
#1F3C16
#163C20

Complementary

Opposite color for maximum contrast

#313B16
#20163C

Triadic

Three evenly spaced colors

#313B16
#16323C
#3C1632

CSS Usage Examples

Background

background-color: #313B16;

Text

color: #313B16;

Border

border: 2px solid #313B16;

Shadow

box-shadow: 0 4px 6px #313B1640;
Feedback