Color picker

#bb3d96

Conversion

HEX#bb3d96
HEX8#bb3d96ff
RGBrgb(187, 61, 150)
CMYK[0,0.67,0.2,0.27]
Name#bb3d96
HCL[339.62,63.29,47.11]
oklab[0.57,0.18,-0.06]
Num12270998
HSI[316.6,0.54,0.52]
lab[47.11,59.33,-22.04]
Lighten
#d886c0
Darken
#6e2458
Saturate
#d424a0
Desaturate
#a2568c
Greyscale
#7c7c7c
Brighten
#ee70c9

Color harmonies of #bb3d96

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.
#bb3d96
#96bb3d
#3d96bb

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.
#bb3d96
#bba13d
#3dbb62
#3d57bb

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.
#bb3d96
#e54bb8
#11060e
#3b1330
#662152
#902f74

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.
#bb3d96
#ae3dbb
#bb3daf
#bb3d96
#bb3d7d
#bb3d64

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#bb3d96
#bb7b3d
#3dbbae

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
#faf1f8
#f5e3f0
#f0d5e9
#ecc8e1
#e7bada
#e2acd2
#dd9ecb
#d890c3
#d382bc
#ce74b4
#ca67ad
#c559a5
#c04b9e
#bb3d96

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d040b
#1b0915
#280d20
#35112b
#431636
#501a40
#5e1f4b
#6b2356
#782760
#862c6b
#933076
#a03481
#ae398b
#bb3d96

Contrast Checker

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

4.975 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.221 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!

Color Palettes #bb3d96

Some examples of color palettes with #bb3d96. View more

Use #bb3d96 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet