Skip to main content

#4F5564

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
#4F5564
RGB
rgb(79, 85, 100)
RGBA
rgba(79, 85, 100, 1)
HSL
hsl(222.86, 11.73%, 35.1%)
HSLA
hsla(223, 12%, 35%, 1)
CMYK
cmyk(21%, 15%, 0%, 61%)

Color Palettes

Harmonious color combinations based on #4F5564

Monochromatic

Shades and tints of the same hue

#16181D
#434956
#70798F
#A9AFBC
#E2E4E9

Analogous

Adjacent colors on the color wheel

#4F645E
#4F5F64
#4F5564
#534F64
#5E4F64

Complementary

Opposite color for maximum contrast

#4F5564
#645E4F

Triadic

Three evenly spaced colors

#4F5564
#644F55
#55644F

CSS Usage Examples

Background

background-color: #4F5564;

Text

color: #4F5564;

Border

border: 2px solid #4F5564;

Shadow

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