Skip to main content

#556456

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
#556456
RGB
rgb(85, 100, 86)
RGBA
rgba(85, 100, 86, 1)
HSL
hsl(124, 8.11%, 36.27%)
HSLA
hsla(124, 8%, 36%, 1)
CMYK
cmyk(15%, 0%, 14%, 61%)

Color Palettes

Harmonious color combinations based on #556456

Monochromatic

Shades and tints of the same hue

#171C18
#465347
#758A77
#ACB9AD
#E3E8E4

Analogous

Adjacent colors on the color wheel

#626354
#5B6354
#556456
#54635D
#546263

Complementary

Opposite color for maximum contrast

#556456
#635462

Triadic

Three evenly spaced colors

#556456
#555463
#635554

CSS Usage Examples

Background

background-color: #556456;

Text

color: #556456;

Border

border: 2px solid #556456;

Shadow

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