Color picker

#baab9a

Conversion

HEX#baab9a
HEX8#baab9aff
RGBrgb(186, 171, 154)
CMYK[0,0.08,0.17,0.27]
Name#baab9a
HCL[76.58,11.01,70.8]
oklab[0.75,0.01,0.03]
Num12233626
HSI[32.07,0.1,0.67]
lab[70.8,2.56,10.71]
Lighten
#e3ddd7
Darken
#8d7861
Saturate
#cbac89
Desaturate
#aaaaaa
Greyscale
#aaaaaa
Brighten
#eddecd

Color harmonies of #baab9a

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.
#baab9a
#9abaab
#ab9aba

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.
#baab9a
#9aba9b
#9aa9ba
#ba9ab9

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.
#baab9a
#e4d2bd
#100f0d
#3a3630
#655d54
#8f8477

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.
#baab9a
#ba9e9a
#baa59a
#baab9a
#bab19a
#bab89a

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#baab9a
#a3ba9a
#9e9aba

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
#faf9f8
#f5f3f1
#f0ede9
#ebe7e2
#e6e1db
#e1dbd4
#ddd5cd
#d8cfc5
#d3c9be
#cec3b7
#c9bdb0
#c4b7a8
#bfb1a1
#baab9a

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0c0b
#1b1816
#282521
#35312c
#423d37
#504942
#5d564d
#6a6258
#786e63
#857a6e
#928679
#9f9384
#ad9f8f
#baab9a

Contrast Checker

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

2.239 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.38 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 #baab9a

Some examples of color palettes with #baab9a. View more

Use #baab9a in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet