Color picker

#7f86b4

Conversion

HEX#7f86b4
HEX8#7f86b4ff
RGBrgb(127, 134, 180)
CMYK[0.29,0.26,0,0.29]
Name#7f86b4
HCL[288.08,26.29,56.94]
oklab[0.63,0.01,-0.07]
Num8357556
HSI[233.02,0.14,0.58]
lab[56.94,8.16,-25]
Lighten
#bfc3da
Darken
#4c5381
Saturate
#6b77c8
Desaturate
#9395a0
Greyscale
#999999
Brighten
#b2b9e7

Color harmonies of #7f86b4

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.
#7f86b4
#b47f86
#86b47f

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.
#7f86b4
#b47fa0
#b4ad7f
#7fb492

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.
#7f86b4
#9da6de
#07070a
#252734
#43475f
#616689

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.
#7f86b4
#7f9bb4
#7f91b4
#7f86b4
#837fb4
#8d7fb4

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#7f86b4
#b47fb0
#9bb47f

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
#f6f6fa
#edeef4
#e4e5ef
#dadcea
#d1d4e4
#c8cbdf
#bfc3da
#b6bad4
#adb1cf
#a4a9c9
#9aa0c4
#9197bf
#888fb9
#7f86b4

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#090a0d
#12131a
#1b1d27
#242633
#2d3040
#36394d
#40435a
#494d67
#525674
#5b6081
#64698d
#6d739a
#767ca7
#7f86b4

Contrast Checker

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

3.517 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!
5.972 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 #7f86b4

Some examples of color palettes with #7f86b4. View more

Use #7f86b4 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet