Skip to main content

#B396E7

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
#B396E7
RGB
rgb(179, 150, 231)
RGBA
rgba(179, 150, 231, 1)
HSL
hsl(261.48, 62.79%, 74.71%)
HSLA
hsla(261, 63%, 75%, 1)
CMYK
cmyk(23%, 35%, 0%, 9%)

Color Palettes

Harmonious color combinations based on #B396E7

Monochromatic

Shades and tints of the same hue

#15092A
#3E1C7D
#672FD0
#A482E3
#E1D5F6

Analogous

Adjacent colors on the color wheel

#97CBE7
#97A3E7
#B396E7
#DB97E7
#E797CB

Complementary

Opposite color for maximum contrast

#B396E7
#CBE797

Triadic

Three evenly spaced colors

#B396E7
#E7B397
#97E7B3

CSS Usage Examples

Background

background-color: #B396E7;

Text

color: #B396E7;

Border

border: 2px solid #B396E7;

Shadow

box-shadow: 0 4px 6px #B396E740;
Feedback