Skip to main content

#977AFF

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
#977AFF
RGB
rgb(151, 122, 255)
RGBA
rgba(151, 122, 255, 1)
HSL
hsl(253.08, 100%, 73.92%)
HSLA
hsla(253, 100%, 74%, 1)
CMYK
cmyk(41%, 52%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #977AFF

Monochromatic

Shades and tints of the same hue

#0B0033
#210099
#3700FF
#8766FF
#D7CCFF

Analogous

Adjacent colors on the color wheel

#7AE2FF
#7AA0FF
#977AFF
#D97AFF
#FF7AE2

Complementary

Opposite color for maximum contrast

#977AFF
#E2FF7A

Triadic

Three evenly spaced colors

#977AFF
#FF977A
#7AFF97

CSS Usage Examples

Background

background-color: #977AFF;

Text

color: #977AFF;

Border

border: 2px solid #977AFF;

Shadow

box-shadow: 0 4px 6px #977AFF40;
Feedback