Color picker

#706fba

Conversion

HEX#706fba
HEX8#706fbaff
RGBrgb(112, 111, 186)
CMYK[0.4,0.4,0,0.27]
Name#706fba
HCL[295.93,43.88,49.93]
oklab[0.58,0.03,-0.11]
Num7368634
HSI[240.67,0.19,0.53]
lab[49.93,19.19,-39.46]
Lighten
#b4b4db
Darken
#403f84
Saturate
#5b5acf
Desaturate
#8584a5
Greyscale
#949494
Brighten
#a3a2ed

Color harmonies of #706fba

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.
#706fba
#ba706f
#6fba70

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.
#706fba
#ba6f93
#b9ba6f
#6fba95

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.
#706fba
#8a88e4
#0a0a10
#23233a
#3d3c65
#56568f

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.
#706fba
#6f8cba
#6f7dba
#706fba
#7f6fba
#8e6fba

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#706fba
#ba6faa
#8cba6f

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
#d6d6eb
#cccce6
#c2c1e1
#b8b7dd
#adadd8
#a3a2d3
#9998ce
#8f8ec9
#8484c4
#7a79bf
#706fba

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#08080d
#10101b
#181828
#202035
#282842
#303050
#38385d
#403f6a
#484778
#504f85
#585792
#605f9f
#6867ad
#706fba

Contrast Checker

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

4.495 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.672 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 #706fba

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

Use #706fba in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet