Color picker

#babb95

Conversion

HEX#babb95
HEX8#babb95ff
RGBrgb(186, 187, 149)
CMYK[0.01,0,0.2,0.27]
Name#babb95
HCL[109.35,20.34,74.92]
oklab[0.78,-0.02,0.05]
Num12237717
HSI[61.32,0.14,0.68]
lab[74.92,-6.74,19.19]
Lighten
#e2e3d3
Darken
#8d8f5b
Saturate
#cacc84
Desaturate
#aaaaa6
Greyscale
#a8a8a8
Brighten
#edeec8

Color harmonies of #babb95

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.
#babb95
#95babb
#bb95ba

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.
#babb95
#95bba9
#9695bb
#bb95a7

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.
#babb95
#e4e5b7
#11110e
#3b3b2f
#656651
#909073

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.
#babb95
#bbad95
#bbb495
#babb95
#b2bb95
#abbb95

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#babb95
#95bb9e
#ad95bb

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
#fafaf7
#f5f5f0
#f0f0e8
#ebece1
#e6e7d9
#e1e2d2
#ddddca
#d8d8c2
#d3d3bb
#ceceb3
#c9caac
#c4c5a4
#bfc09d
#babb95

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0d0b
#1b1b15
#282820
#35352b
#424335
#505040
#5d5e4b
#6a6b55
#787860
#85866a
#929375
#9fa080
#adae8a
#babb95

Contrast Checker

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

1.976 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.63 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 #babb95

Some examples of color palettes with #babb95. View more

Use #babb95 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet