Skip to main content

#485ADD

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
#485ADD
RGB
rgb(72, 90, 221)
RGBA
rgba(72, 90, 221, 1)
HSL
hsl(232.75, 68.66%, 57.45%)
HSLA
hsla(233, 69%, 57%, 1)
CMYK
cmyk(67%, 59%, 0%, 13%)

Color Palettes

Harmonious color combinations based on #485ADD

Monochromatic

Shades and tints of the same hue

#080C2B
#182481
#283CD7
#7E8AE7
#D4D8F7

Analogous

Adjacent colors on the color wheel

#46DDCB
#46A3DD
#485ADD
#8046DD
#CB46DD

Complementary

Opposite color for maximum contrast

#485ADD
#DDCB46

Triadic

Three evenly spaced colors

#485ADD
#DD4657
#57DD46

CSS Usage Examples

Background

background-color: #485ADD;

Text

color: #485ADD;

Border

border: 2px solid #485ADD;

Shadow

box-shadow: 0 4px 6px #485ADD40;
Feedback