#334155

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

#334155

RGB

rgb(51, 65, 85)

RGBA

rgba(51, 65, 85, 1)

HSL

hsl(215.29, 25%, 26.67%)

HSLA

hsla(215, 25%, 27%, 1)

CMYK

cmyk(40%, 24%, 0%, 67%)

Color Palettes

Harmonious color combinations based on #334155

Monochromatic

Shades and tints of the same hue

#131820

#394960

#607A9F

#9FAFC6

#DFE4EC

Analogous

Adjacent colors on the color wheel

#345648

#345356

#334155

#373456

#483456

Complementary

Opposite color for maximum contrast

#334155

#564834

Triadic

Three evenly spaced colors

#334155

#563442

#425634

CSS Usage Examples

Background

background-color: #334155;

Text

color: #334155;

Border

border: 2px solid #334155;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#554733

Opposite on color wheel

Lighter

#597295

+20% lightness

Darker

#0D1015

-20% lightness

Analogous -30°

#335255

Adjacent color

Analogous +30°

#363355

Adjacent color