Color picker

#8a8bc6

Conversion

HEX#8a8bc6
HEX8#8a8bc6ff
RGBrgb(138, 139, 198)
CMYK[0.3,0.3,0,0.22]
Name#8a8bc6
HCL[293.26,33.36,59.84]
oklab[0.66,0.02,-0.09]
Num9079750
HSI[239.17,0.13,0.62]
lab[59.84,13.18,-30.65]
Lighten
#cfcfe7
Darken
#4d4e9d
Saturate
#797ad7
Desaturate
#9b9cb5
Greyscale
#a8a8a8
Brighten
#bdbef9

Color harmonies of #8a8bc6

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.
#8a8bc6
#c68a8b
#8bc68a

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.
#8a8bc6
#c68aa9
#c6c58a
#8ac6a7

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.
#8a8bc6
#a8a9f0
#14141c
#313146
#4f4f71
#6c6d9b

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.
#8a8bc6
#8aa3c6
#8a97c6
#8a8bc6
#958ac6
#a18ac6

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#8a8bc6
#c68abb
#a3c68a

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
#f7f7fb
#eeeef7
#e6e6f3
#dedeef
#d5d6eb
#cdcde7
#c5c5e3
#bcbdde
#b4b4da
#abacd6
#a3a4d2
#9b9cce
#9293ca
#8a8bc6

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0a0a0e
#14141c
#1e1e2a
#272839
#313247
#3b3c55
#454663
#4f4f71
#59597f
#63638d
#6c6d9c
#7677aa
#8081b8
#8a8bc6

Contrast Checker

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

3.187 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!
6.589 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 #8a8bc6

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

Use #8a8bc6 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet