Color picker

#97aac6

Conversion

HEX#97aac6
HEX8#97aac6ff
RGBrgb(151, 170, 198)
CMYK[0.24,0.14,0,0.22]
Name#97aac6
HCL[268.57,16.48,69.04]
oklab[0.73,-0.01,-0.04]
Num9939654
HSI[216.31,0.13,0.68]
lab[69.04,-0.41,-16.48]
Lighten
#d9e0ea
Darken
#5775a0
Saturate
#87a7d6
Desaturate
#a7adb6
Greyscale
#aeaeae
Brighten
#caddf9

Color harmonies of #97aac6

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.
#97aac6
#c697aa
#aac697

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.
#97aac6
#c697c1
#c6b397
#97c69b

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.
#97aac6
#b7cef0
#15181c
#363d46
#566171
#77869b

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.
#97aac6
#97bdc6
#97b3c6
#97aac6
#97a1c6
#9797c6

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#97aac6
#bc97c6
#bdc697

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
#f8f9fb
#f0f3f7
#e9edf3
#e1e7ef
#dae1eb
#d2dbe7
#cbd5e3
#c4cede
#bcc8da
#b5c2d6
#adbcd2
#a6b6ce
#9eb0ca
#97aac6

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0b0c0e
#16181c
#20242a
#2b3139
#363d47
#414955
#4c5563
#566171
#616d7f
#6c798d
#77869c
#8192aa
#8c9eb8
#97aac6

Contrast Checker

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

2.365 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.881 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 #97aac6

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

Use #97aac6 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet