Color picker

#9fbc94

Conversion

HEX#9fbc94
HEX8#9fbc94ff
RGBrgb(159, 188, 148)
CMYK[0.15,0,0.21,0.26]
Name#9fbc94
HCL[135.53,24.34,73.2]
oklab[0.76,-0.05,0.04]
Num10468500
HSI[104.56,0.1,0.65]
lab[73.2,-17.37,17.05]
Lighten
#d7e3d3
Darken
#69905a
Saturate
#97cd83
Desaturate
#a7aba5
Greyscale
#a8a8a8
Brighten
#d2efc7

Color harmonies of #9fbc94

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.
#9fbc94
#949fbc
#bc949f

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.
#9fbc94
#94b3bc
#b194bc
#bc9d94

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.
#9fbc94
#c3e6b5
#0f120e
#333c30
#576751
#7b9173

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.
#9fbc94
#afbc94
#a7bc94
#9fbc94
#97bc94
#94bc99

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#9fbc94
#94bcb9
#bc94af

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
#f8faf7
#f1f5f0
#eaf1e8
#e4ece0
#dde7d9
#d6e2d1
#cfdeca
#c8d9c2
#c1d4ba
#bacfb3
#b4caab
#adc6a3
#a6c19c
#9fbc94

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0b0d0b
#171b15
#222820
#2d362a
#394335
#44513f
#505e4a
#5b6b55
#66795f
#72866a
#7d9474
#88a17f
#94af89
#9fbc94

Contrast Checker

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

2.08 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.095 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 #9fbc94

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

Use #9fbc94 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet