Color picker

#bab997

Conversion

HEX#bab997
HEX8#bab997ff
RGBrgb(186, 185, 151)
CMYK[0,0.01,0.19,0.27]
Name#bab997
HCL[107.17,18.25,74.43]
oklab[0.78,-0.01,0.04]
Num12237207
HSI[58.56,0.13,0.68]
lab[74.43,-5.39,17.43]
Lighten
#e3e2d4
Darken
#8d8c5e
Saturate
#cbc986
Desaturate
#a9a9a8
Greyscale
#a8a8a8
Brighten
#edecca

Color harmonies of #bab997

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.
#bab997
#97bab9
#b997ba

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.
#bab997
#97baa7
#9798ba
#ba97a9

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.
#bab997
#e4e3ba
#10100d
#3a3a2f
#656452
#8f8f74

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.
#bab997
#baab97
#bab297
#bab997
#b4ba97
#adba97

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#bab997
#97ba9d
#ab97ba

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
#fafaf8
#f5f5f0
#f0f0e9
#ebebe1
#e6e6da
#e1e1d2
#dddccb
#d8d7c4
#d3d2bc
#cecdb5
#c9c8ad
#c4c3a6
#bfbe9e
#bab997

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0d0b
#1b1a16
#282820
#35352b
#424236
#504f41
#5d5d4c
#6a6a56
#787761
#85846c
#929177
#9f9f81
#adac8c
#bab997

Contrast Checker

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

2.005 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.474 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 #bab997

Some examples of color palettes with #bab997. View more

Use #bab997 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet