Color picker

#9babc6

Conversion

HEX#9babc6
HEX8#9babc6ff
RGBrgb(155, 171, 198)
CMYK[0.22,0.14,0,0.22]
Name#9babc6
HCL[271.06,15.62,69.59]
oklab[0.74,-0.01,-0.04]
Num10202054
HSI[218.4,0.11,0.68]
lab[69.59,0.29,-15.62]
Lighten
#dce2eb
Darken
#5b75a0
Saturate
#8ba7d6
Desaturate
#abafb6
Greyscale
#b0b0b0
Brighten
#cedef9

Color harmonies of #9babc6

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.
#9babc6
#c69bab
#abc69b

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.
#9babc6
#c69bc0
#c6b69b
#9bc6a0

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.
#9babc6
#bcd0f0
#16181c
#373d46
#586271
#7a869b

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.
#9babc6
#9bbcc6
#9bb4c6
#9babc6
#9ba2c6
#9c9bc6

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#9babc6
#bf9bc6
#bcc69b

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
#f1f3f7
#eaedf3
#e2e7ef
#dbe1eb
#d4dbe7
#cdd5e3
#c6cfde
#bfc9da
#b8c3d6
#b0bdd2
#a9b7ce
#a2b1ca
#9babc6

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0b0c0e
#16181c
#21252a
#2c3139
#373d47
#424955
#4e5663
#596271
#646e7f
#6f7a8d
#7a869c
#8593aa
#909fb8
#9babc6

Contrast Checker

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

2.324 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!
9.034 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 #9babc6

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

Use #9babc6 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet