Skip to main content

#8396F6

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
#8396F6
RGB
rgb(131, 150, 246)
RGBA
rgba(131, 150, 246, 1)
HSL
hsl(230.09, 86.47%, 73.92%)
HSLA
hsla(230, 86%, 74%, 1)
CMYK
cmyk(47%, 39%, 0%, 4%)

Color Palettes

Harmonious color combinations based on #8396F6

Monochromatic

Shades and tints of the same hue

#040B2F
#0B218E
#1236ED
#7187F4
#D0D7FB

Analogous

Adjacent colors on the color wheel

#84F6E3
#84D0F6
#8396F6
#AA84F6
#E384F6

Complementary

Opposite color for maximum contrast

#8396F6
#F6E384

Triadic

Three evenly spaced colors

#8396F6
#F68497
#97F684

CSS Usage Examples

Background

background-color: #8396F6;

Text

color: #8396F6;

Border

border: 2px solid #8396F6;

Shadow

box-shadow: 0 4px 6px #8396F640;
Feedback