Color picker

#9fbca6

Conversion

HEX#9fbca6
HEX8#9fbca6ff
RGBrgb(159, 188, 166)
CMYK[0.15,0,0.12,0.26]
Name#9fbca6
HCL[150.95,16.2,73.6]
oklab[0.77,-0.04,0.02]
Num10468518
HSI[133.37,0.07,0.67]
lab[73.6,-14.16,7.87]
Lighten
#dbe6de
Darken
#65906f
Saturate
#8fcc9e
Desaturate
#adadad
Greyscale
#adadad
Brighten
#d2efd9

Color harmonies of #9fbca6

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.
#9fbca6
#a69fbc
#bca69f

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.
#9fbca6
#9fa6bc
#bc9fb5
#bcb49f

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.
#9fbca6
#c3e6cc
#0f1210
#333c35
#57675b
#7b9180

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.
#9fbca6
#a4bc9f
#9fbca0
#9fbca6
#9fbcac
#9fbcb2

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#9fbca6
#9fafbc
#bc9fa4

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
#f8faf9
#f1f5f2
#eaf1ec
#e4ece6
#dde7df
#d6e2d9
#cfded3
#c8d9cc
#c1d4c6
#bacfbf
#b4cab9
#adc6b3
#a6c1ac
#9fbca6

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0b0d0c
#171b18
#222824
#2d362f
#39433b
#445147
#505e53
#5b6b5f
#66796b
#728677
#7d9482
#88a18e
#94af9a
#9fbca6

Contrast Checker

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

2.055 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!
10.218 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 #9fbca6

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

Use #9fbca6 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet