Color picker

#baafaa

Conversion

HEX#baafaa
HEX8#baafaaff
RGBrgb(186, 175, 170)
CMYK[0,0.06,0.09,0.27]
Name#baafaa
HCL[52.51,5,72.23]
oklab[0.76,0.01,0.01]
Num12234666
HSI[17.78,0.04,0.69]
lab[72.23,3.04,3.97]
Lighten
#e8e4e2
Darken
#8c7a72
Saturate
#c9a99b
Desaturate
#b2b2b2
Greyscale
#b2b2b2
Brighten
#ede2dd

Color harmonies of #baafaa

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.
#baafaa
#aabaaf
#afaaba

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.
#baafaa
#adbaaa
#aab5ba
#b7aaba

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.
#baafaa
#e4d7d1
#100f0f
#3a3735
#655f5c
#8f8783

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.
#baafaa
#baaaab
#baacaa
#baafaa
#bab2aa
#bab5aa

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#baafaa
#b2baaa
#aaabba

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
#faf9f9
#f5f4f3
#f0eeed
#ebe8e7
#e6e2e1
#e1dddb
#ddd7d5
#d8d1ce
#d3ccc8
#cec6c2
#c9c0bc
#c4bab6
#bfb5b0
#baafaa

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0d0c
#1b1918
#282624
#353231
#423f3d
#504b49
#5d5855
#6a6461
#78716d
#857d79
#928a86
#9f9692
#ada39e
#baafaa

Contrast Checker

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

2.143 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.8 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 #baafaa

Some examples of color palettes with #baafaa. View more

Use #baafaa in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet