Skip to main content

#7584BA

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
#7584BA
RGB
rgb(117, 132, 186)
RGBA
rgba(117, 132, 186, 1)
HSL
hsl(226.96, 33.33%, 59.41%)
HSLA
hsla(227, 33%, 59%, 1)
CMYK
cmyk(37%, 29%, 0%, 27%)

Color Palettes

Harmonious color combinations based on #7584BA

Monochromatic

Shades and tints of the same hue

#111522
#333E66
#5568AA
#99A4CC
#DDE1EE

Analogous

Adjacent colors on the color wheel

#74B9AA
#74A5B9
#7584BA
#8774B9
#AA74B9

Complementary

Opposite color for maximum contrast

#7584BA
#B9AA74

Triadic

Three evenly spaced colors

#7584BA
#B97483
#83B974

CSS Usage Examples

Background

background-color: #7584BA;

Text

color: #7584BA;

Border

border: 2px solid #7584BA;

Shadow

box-shadow: 0 4px 6px #7584BA40;
Feedback