Color picker

#8a67a6

Conversion

HEX#8a67a6
HEX8#8a67a6ff
RGBrgb(138, 103, 166)
CMYK[0.17,0.38,0,0.35]
Name#8a67a6
HCL[312.72,38.95,49.32]
oklab[0.57,0.06,-0.08]
Num9070502
HSI[273.67,0.24,0.53]
lab[49.32,26.42,-28.61]
Lighten
#bca7cc
Darken
#563e69
Saturate
#8d4fbe
Desaturate
#877f8e
Greyscale
#868686
Brighten
#bd9ad9

Color harmonies of #8a67a6

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.
#8a67a6
#a68a67
#67a68a

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.
#8a67a6
#a66a67
#83a667
#67a2a6

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.
#8a67a6
#ad81d0
#d19cfb
#201826
#433251
#674d7b

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.
#8a67a6
#7167a6
#7d67a6
#8a67a6
#9767a6
#a367a6

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#8a67a6
#a66776
#67a671

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
#f7f4f9
#eee9f2
#e6deec
#ded4e6
#d5c9df
#cdbed9
#c5b3d3
#bca8cc
#b49dc6
#ab92bf
#a388b9
#9b7db3
#9272ac
#8a67a6

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0a070c
#140f18
#1e1624
#271d2f
#31253b
#3b2c47
#453453
#4f3b5f
#59426b
#634a77
#6c5182
#76588e
#80609a
#8a67a6

Contrast Checker

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

4.594 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.571 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 #8a67a6

Some examples of color palettes with #8a67a6. View more

Use #8a67a6 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet