Color picker

#bb508e

Conversion

HEX#bb508e
HEX8#bb508eff
RGBrgb(187, 80, 142)
CMYK[0,0.57,0.24,0.27]
Name#bb508e
HCL[345.27,51.71,49.81]
oklab[0.59,0.15,-0.03]
Num12275854
HSI[324.76,0.41,0.53]
lab[49.81,50.01,-13.15]
Lighten
#d899bd
Darken
#772e58
Saturate
#d33892
Desaturate
#a3688a
Greyscale
#858585
Brighten
#ee83c1

Color harmonies of #bb508e

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.
#bb508e
#8ebb50
#508ebb

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.
#bb508e
#bbb250
#50bb7d
#5058bb

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.
#bb508e
#e562ae
#11070d
#3b192d
#662c4d
#903e6e

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.
#bb508e
#bb50b9
#bb50a3
#bb508e
#bb5079
#bb5063

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#bb508e
#bb9250
#50b9bb

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
#faf3f7
#f5e6ef
#f0dae7
#eccddf
#e7c1d7
#e2b4cf
#dda8c7
#d89bbe
#d38fb6
#ce82ae
#ca76a6
#c5699e
#c05d96
#bb508e

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d060a
#1b0b14
#28111e
#351729
#431d33
#50223d
#5e2847
#6b2e51
#78335b
#863965
#933f70
#a0457a
#ae4a84
#bb508e

Contrast Checker

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

4.515 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!
4.651 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 #bb508e

Some examples of color palettes with #bb508e. View more

Use #bb508e in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet