Color picker

#706cbb

Conversion

HEX#706cbb
HEX8#706cbbff
RGBrgb(112, 108, 187)
CMYK[0.4,0.42,0,0.27]
Name#706cbb
HCL[297.34,46.37,49.2]
oklab[0.57,0.03,-0.12]
Num7367867
HSI[242.58,0.2,0.53]
lab[49.2,21.29,-41.19]
Lighten
#b4b2db
Darken
#413d84
Saturate
#5d56d0
Desaturate
#8381a5
Greyscale
#939393
Brighten
#a39fee

Color harmonies of #706cbb

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.
#706cbb
#bb706c
#6cbb70

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.
#706cbb
#bb6c8f
#b7bb6c
#6cbb97

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.
#706cbb
#8985e5
#0a0a11
#24223b
#3d3b66
#575390

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.
#706cbb
#6c88bb
#6c78bb
#706cbb
#806cbb
#906cbb

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#706cbb
#bb6ca7
#88bb6c

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
#f5f5fa
#ebeaf5
#e0e0f0
#d6d5ec
#cccbe7
#c2c0e2
#b8b6dd
#adabd8
#a3a1d3
#9996ce
#8f8cca
#8481c5
#7a77c0
#706cbb

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#08080d
#100f1b
#181728
#201f35
#282743
#302e50
#38365e
#403e6b
#484578
#504d86
#585593
#605da0
#6864ae
#706cbb

Contrast Checker

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

4.614 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.552 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 #706cbb

Some examples of color palettes with #706cbb. View more

Use #706cbb in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet