Color picker

#bd54bb

Conversion

HEX#bd54bb
HEX8#bd54bbff
RGBrgb(189, 84, 187)
CMYK[0,0.56,0.01,0.26]
Name#bd54bb
HCL[327.83,65.99,52.67]
oklab[0.62,0.16,-0.1]
Num12407995
HSI[300.95,0.45,0.6]
lab[52.67,55.86,-35.14]
Lighten
#d99ed8
Darken
#7b307a
Saturate
#d53cd2
Desaturate
#a56ca4
Greyscale
#888888
Brighten
#f087ee

Color harmonies of #bd54bb

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#bd54bb
#bbbd54
#54bbbd

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#bd54bb
#bd8a54
#54bd56
#5486bd

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#bd54bb
#e767e5
#130813
#3d1b3d
#682e67
#924191

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#bd54bb
#9554bd
#aa54bd
#bd54bb
#bd54a6
#bd5491

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#bd54bb
#bd6b54
#54bd95

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#faf3fa
#f6e7f5
#f1daf0
#ecceec
#e7c2e7
#e3b6e2
#deaadd
#d99dd8
#d591d3
#d085ce
#cb79ca
#c66cc5
#c260c0
#bd54bb

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0e060d
#1b0c1b
#291228
#361835
#441e43
#512450
#5f2a5e
#6c306b
#7a3678
#873c86
#954293
#a248a0
#b04eae
#bd54bb

Contrast Checker

Verify the contrast of a #bd54bb colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

4.078 Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
5.149 Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #bd54bb

Some examples of color palettes with #bd54bb. View more

Use #bd54bb in CSS

#bd54bb as Background Color in CSS
<div style="background-color:#bd54bb">Background Color</div>
#bd54bb as Text Color in CSS
<div style="color:#bd54bb">Text Color</div>
#bd54bb as Border Color in CSS
<div style="border-color:#bd54bb">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet