Color picker

#97a3bc

Conversion

HEX#97a3bc
HEX8#97a3bcff
RGBrgb(151, 163, 188)
CMYK[0.2,0.13,0,0.26]
Name#97a3bc
HCL[274.58,14.32,66.83]
oklab[0.71,0,-0.04]
Num9937852
HSI[221.47,0.1,0.66]
lab[66.83,1.14,-14.28]
Lighten
#d5dae4
Darken
#5d6d90
Saturate
#869dcd
Desaturate
#a8a9ab
Greyscale
#a9a9a9
Brighten
#cad6ef

Color harmonies of #97a3bc

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.
#97a3bc
#bc97a3
#a3bc97

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.
#97a3bc
#bc97b5
#bcb097
#97bc9e

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.
#97a3bc
#b9c8e6
#0e1012
#31343c
#535967
#757e91

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.
#97a3bc
#97b2bc
#97aabc
#97a3bc
#979cbc
#9a97bc

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#97a3bc
#b797bc
#b2bc97

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
#f8f8fa
#f0f2f5
#e9ebf1
#e1e5ec
#dadee7
#d2d8e2
#cbd1de
#c4cad9
#bcc4d4
#b5bdcf
#adb7ca
#a6b0c6
#9eaac1
#97a3bc

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0b0c0d
#16171b
#202328
#2b2f36
#363a43
#414651
#4c525e
#565d6b
#616979
#6c7486
#778094
#818ca1
#8c97af
#97a3bc

Contrast Checker

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

2.536 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!
8.281 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 #97a3bc

Some examples of color palettes with #97a3bc. View more

Use #97a3bc in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet