Color picker

#b7afbb

Conversion

HEX#b7afbb
HEX8#b7afbbff
RGBrgb(183, 175, 187)
CMYK[0.02,0.06,0,0.27]
Name#b7afbb
HCL[314.93,7.19,72.44]
oklab[0.76,0.01,-0.01]
Num12038075
HSI[280.89,0.04,0.71]
lab[72.44,5.08,-5.09]
Lighten
#e9e6ea
Darken
#85788c
Saturate
#bca0ca
Desaturate
#b5b5b5
Greyscale
#b5b5b5
Brighten
#eae2ee

Color harmonies of #b7afbb

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.
#b7afbb
#bbb7af
#afbbb7

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.
#b7afbb
#bbb1af
#b3bbaf
#afb9bb

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.
#b7afbb
#e1d7e5
#111011
#3a383b
#645f66
#8d8790

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.
#b7afbb
#b2afbb
#b5afbb
#b7afbb
#b9afbb
#bbafba

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#b7afbb
#bbafb1
#afbbb2

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
#faf9fa
#f5f4f5
#f0eef0
#eae8ec
#e5e2e7
#e0dde2
#dbd7dd
#d6d1d8
#d1ccd3
#ccc6ce
#c6c0ca
#c1bac5
#bcb5c0
#b7afbb

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0d0d
#1a191b
#272628
#343235
#413f43
#4e4b50
#5c585e
#69646b
#767178
#837d86
#908a93
#9d96a0
#aaa3ae
#b7afbb

Contrast Checker

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

2.129 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.863 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 #b7afbb

Some examples of color palettes with #b7afbb. View more

Use #b7afbb in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet