Color picker

#ad3dbb

Conversion

HEX#ad3dbb
HEX8#ad3dbbff
RGBrgb(173, 61, 187)
CMYK[0.07,0.67,0,0.27]
Name#ad3dbb
HCL[324.14,76.27,46.73]
oklab[0.57,0.17,-0.12]
Num11353531
HSI[294.18,0.57,0.55]
lab[46.73,61.81,-44.69]
Lighten
#cf86d8
Darken
#66246e
Saturate
#c024d4
Desaturate
#9a56a2
Greyscale
#7c7c7c
Brighten
#e070ee

Color harmonies of #ad3dbb

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.
#ad3dbb
#bbad3d
#3dbbad

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.
#ad3dbb
#bb6e3d
#4bbb3d
#3d8abb

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.
#ad3dbb
#d44be5
#100611
#37133b
#5e2166
#862f90

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.
#ad3dbb
#7b3dbb
#943dbb
#ad3dbb
#bb3db0
#bb3d97

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ad3dbb
#bb483d
#3dbb7b

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
#f9f1fa
#f3e3f5
#edd5f0
#e8c8ec
#e2bae7
#dcace2
#d69edd
#d090d8
#ca82d3
#c474ce
#bf67ca
#b959c5
#b34bc0
#ad3dbb

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0c040d
#19091b
#250d28
#311135
#3e1643
#4a1a50
#571f5e
#63236b
#6f2778
#7c2c86
#883093
#9434a0
#a139ae
#ad3dbb

Contrast Checker

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

5.046 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.162 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 #ad3dbb

Some examples of color palettes with #ad3dbb. View more

Use #ad3dbb in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet