Skip to main content

#B156FF

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
#B156FF
RGB
rgb(177, 86, 255)
RGBA
rgba(177, 86, 255, 1)
HSL
hsl(272.31, 100%, 66.86%)
HSLA
hsla(272, 100%, 67%, 1)
CMYK
cmyk(31%, 66%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #B156FF

Monochromatic

Shades and tints of the same hue

#1B0033
#520099
#8800FF
#B866FF
#E7CCFF

Analogous

Adjacent colors on the color wheel

#57A5FF
#5C57FF
#B156FF
#FF57F9
#FF57A5

Complementary

Opposite color for maximum contrast

#B156FF
#A5FF57

Triadic

Three evenly spaced colors

#B156FF
#FFB057
#57FFB0

CSS Usage Examples

Background

background-color: #B156FF;

Text

color: #B156FF;

Border

border: 2px solid #B156FF;

Shadow

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