Color picker

#9a8fb1

Conversion

HEX#9a8fb1
HEX8#9a8fb1ff
RGBrgb(154, 143, 177)
CMYK[0.13,0.19,0,0.31]
Name#9a8fb1
HCL[303.83,19.62,61.39]
oklab[0.67,0.03,-0.04]
Num10129329
HSI[258.48,0.09,0.62]
lab[61.39,10.92,-16.3]
Lighten
#d0cbdb
Darken
#665980
Saturate
#937cc4
Desaturate
#a0a0a0
Greyscale
#a0a0a0
Brighten
#cdc2e4

Color harmonies of #9a8fb1

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.
#9a8fb1
#b19a8f
#8fb19a

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.
#9a8fb1
#b18f95
#a6b18f
#8fb1ab

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.
#9a8fb1
#bfb1db
#060607
#2b2831
#504a5c
#756d86

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.
#9a8fb1
#8f92b1
#938fb1
#9a8fb1
#a18fb1
#a88fb1

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#9a8fb1
#b18f9f
#92b18f

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
#f8f7f9
#f1eff4
#e9e7ee
#e2dfe9
#dbd7e3
#d4cfde
#cdc7d8
#c5bfd2
#beb7cd
#b7afc7
#b0a7c2
#a89fbc
#a197b7
#9a8fb1

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0b0a0d
#161419
#211f26
#2c2933
#37333f
#423d4c
#4d4859
#585265
#635c72
#6e667e
#79708b
#847b98
#8f85a4
#9a8fb1

Contrast Checker

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

3.027 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.938 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 #9a8fb1

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

Use #9a8fb1 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet