#4B5563

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

#4B5563

RGB

rgb(75, 85, 99)

RGBA

rgba(75, 85, 99, 1)

HSL

hsl(215, 13.79%, 34.12%)

HSLA

hsla(215, 14%, 34%, 1)

CMYK

cmyk(24%, 14%, 0%, 61%)

Color Palettes

Harmonious color combinations based on #4B5563

Monochromatic

Shades and tints of the same hue

#16191D

#424B57

#6E7D91

#A8B1BD

#E2E5E9

Analogous

Adjacent colors on the color wheel

#4B6359

#4B6163

#4B5563

#4D4B63

#594B63

Complementary

Opposite color for maximum contrast

#4B5563

#63594B

Triadic

Three evenly spaced colors

#4B5563

#634B55

#55634B

CSS Usage Examples

Background

background-color: #4B5563;

Text

color: #4B5563;

Border

border: 2px solid #4B5563;

Shadow

box-shadow: 0 4px 6px #4B556340;

Related Colors

Discover harmonious color variations

Complementary

#63594B

Opposite on color wheel

Lighter

#7A879A

+20% lightness

Darker

#1F2329

-20% lightness

Analogous -30°

#4B6163

Adjacent color

Analogous +30°

#4D4B63

Adjacent color