#285C4D

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

#285C4D

RGB

rgb(40, 92, 77)

RGBA

rgba(40, 92, 77, 1)

HSL

hsl(162.69, 39.39%, 25.88%)

HSLA

hsla(163, 39%, 26%, 1)

CMYK

cmyk(57%, 0%, 16%, 64%)

Color Palettes

Harmonious color combinations based on #285C4D

Monochromatic

Shades and tints of the same hue

#10231E

#2F6A59

#4EB195

#95D0BF

#DCEFEA

Analogous

Adjacent colors on the color wheel

#375C28

#285C34

#285C4D

#28515C

#28375C

Complementary

Opposite color for maximum contrast

#285C4D

#5C2837

Triadic

Three evenly spaced colors

#285C4D

#4E285C

#5C4E28

CSS Usage Examples

Background

background-color: #285C4D;

Text

color: #285C4D;

Border

border: 2px solid #285C4D;

Shadow

box-shadow: 0 4px 6px #285C4D40;

Related Colors

Discover harmonious color variations

Complementary

#5C2837

Opposite on color wheel

Lighter

#47A389

+20% lightness

Darker

#091511

-20% lightness

Analogous -30°

#285C33

Adjacent color

Analogous +30°

#28515C

Adjacent color