Color picker

#9a60a6

Conversion

HEX#9a60a6
HEX8#9a60a6ff
RGBrgb(154, 96, 166)
CMYK[0.07,0.42,0,0.35]
Name#9a60a6
HCL[321.5,45.34,49.48]
oklab[0.58,0.09,-0.08]
Num10117286
HSI[290.78,0.31,0.54]
lab[49.48,35.48,-28.22]
Lighten
#c4a1cb
Darken
#5f3967
Saturate
#aa47bf
Desaturate
#8a798d
Greyscale
#838383
Brighten
#cd93d9

Color harmonies of #9a60a6

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.
#9a60a6
#a69a60
#60a69a

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.
#9a60a6
#a67760
#6ca660
#608fa6

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.
#9a60a6
#c179d0
#e991fb
#241626
#4b2f51
#73477b

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.
#9a60a6
#7e60a6
#8c60a6
#9a60a6
#a660a4
#a66096

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#9a60a6
#a66260
#60a67e

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
#f8f4f9
#f1e8f2
#e9ddec
#e2d2e6
#dbc6df
#d4bbd9
#cdb0d3
#c5a4cc
#be99c6
#b78dbf
#b082b9
#a877b3
#a16bac
#9a60a6

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0b070c
#160e18
#211524
#2c1b2f
#37223b
#422947
#4d3053
#58375f
#633e6b
#6e4577
#794b82
#84528e
#8f599a
#9a60a6

Contrast Checker

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

4.567 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.598 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 #9a60a6

Some examples of color palettes with #9a60a6. View more

Use #9a60a6 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet