#485CC7

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

#485CC7

RGB

rgb(72, 92, 199)

RGBA

rgba(72, 92, 199, 1)

HSL

hsl(230.55, 53.14%, 53.14%)

HSLA

hsla(231, 53%, 53%, 1)

CMYK

cmyk(64%, 54%, 0%, 22%)

Color Palettes

Harmonious color combinations based on #485CC7

Monochromatic

Shades and tints of the same hue

#0C1027

#243075

#3C50C3

#8A96DB

#D8DCF3

Analogous

Adjacent colors on the color wheel

#48C7B4

#489AC7

#485CC7

#7448C7

#B448C7

Complementary

Opposite color for maximum contrast

#485CC7

#C7B448

Triadic

Three evenly spaced colors

#485CC7

#C7485B

#5BC748

CSS Usage Examples

Background

background-color: #485CC7;

Text

color: #485CC7;

Border

border: 2px solid #485CC7;

Shadow

box-shadow: 0 4px 6px #485CC740;

Related Colors

Discover harmonious color variations

Complementary

#C7B348

Opposite on color wheel

Lighter

#96A2DF

+20% lightness

Darker

#283681

-20% lightness

Analogous -30°

#489CC7

Adjacent color

Analogous +30°

#7348C7

Adjacent color