Color picker

#836dbb

Conversion

HEX#836dbb
HEX8#836dbbff
RGBrgb(131, 109, 187)
CMYK[0.3,0.42,0,0.27]
Name#836dbb
HCL[304.25,46.08,51.09]
oklab[0.59,0.05,-0.11]
Num8613307
HSI[255.87,0.23,0.56]
lab[51.09,25.93,-38.09]
Lighten
#beb3db
Darken
#523e84
Saturate
#7a58d0
Desaturate
#8c82a6
Greyscale
#949494
Brighten
#b6a0ee

Color harmonies of #836dbb

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.
#836dbb
#bb836d
#6dbb83

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.
#836dbb
#bb6d7e
#a5bb6d
#6dbbaa

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.
#836dbb
#a186e5
#0c0a11
#2a233b
#473b66
#655490

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.
#836dbb
#6d76bb
#736dbb
#836dbb
#936dbb
#a26dbb

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#836dbb
#bb6d95
#76bb6d

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
#f6f5fa
#edeaf5
#e4e0f0
#dcd5ec
#d3cbe7
#cac0e2
#c1b6dd
#b8acd8
#afa1d3
#a697ce
#9e8cca
#9582c5
#8c77c0
#836dbb

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#09080d
#13101b
#1c1728
#251f35
#2f2743
#382f50
#42375e
#4b3e6b
#544678
#5e4e86
#675693
#705da0
#7a65ae
#836dbb

Contrast Checker

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

4.312 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!
4.87 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 #836dbb

Some examples of color palettes with #836dbb. View more

Use #836dbb in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet