Color picker

#9397a0

Conversion

HEX#9397a0
HEX8#9397a0ff
RGBrgb(147, 151, 160)
CMYK[0.08,0.06,0,0.37]
Name#9397a0
HCL[274.13,5.23,62.4]
oklab[0.68,0,-0.01]
Num9672608
HSI[222.52,0.04,0.6]
lab[62.4,0.38,-5.21]
Lighten
#c9cbd0
Darken
#60646d
Saturate
#7f8fb4
Desaturate
#999999
Greyscale
#999999
Brighten
#c6cad3

Color harmonies of #9397a0

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.
#9397a0
#a09397
#97a093

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.
#9397a0
#a0939d
#a09c93
#93a095

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.
#9397a0
#babfca
#e1e7f5
#1e1f20
#45474b
#6c6f75

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.
#9397a0
#939ca0
#939aa0
#9397a0
#9394a0
#9493a0

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#9397a0
#9f93a0
#9ca093

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
#f7f8f8
#f0f0f1
#e8e9eb
#e0e1e4
#d8dadd
#d1d2d6
#c9cbd0
#c1c4c9
#babcc2
#b2b5bb
#aaadb4
#a2a6ae
#9b9ea7
#9397a0

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0b0b0b
#151617
#202022
#2a2b2e
#353639
#3f4145
#4a4c50
#54565b
#5f6167
#696c72
#74777e
#7e8189
#898c95
#9397a0

Contrast Checker

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

2.927 Very 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!
7.175 Very 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 #9397a0

Some examples of color palettes with #9397a0. View more

Use #9397a0 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet