Color picker

#a3bdad

Conversion

HEX#a3bdad
HEX8#a3bdadff
RGBrgb(163, 189, 173)
CMYK[0.14,0,0.08,0.26]
Name#a3bdad
HCL[156.87,13.03,74.32]
oklab[0.77,-0.03,0.01]
Num10730925
HSI[142.41,0.07,0.69]
lab[74.32,-11.99,5.12]
Lighten
#dee8e2
Darken
#689278
Saturate
#93cda9
Desaturate
#b0b0b0
Greyscale
#b0b0b0
Brighten
#d6f0e0

Color harmonies of #a3bdad

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.
#a3bdad
#ada3bd
#bdada3

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.
#a3bdad
#a3a6bd
#bda3b3
#bdbaa3

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.
#a3bdad
#c8e7d4
#101311
#353d38
#5a685f
#7e9286

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.
#a3bdad
#a3bda3
#a3bda8
#a3bdad
#a3bdb2
#a3bdb7

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#a3bdad
#a3aebd
#bda3a3

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
#f8faf9
#f2f6f3
#ebf1ed
#e5ece8
#dee7e2
#d8e3dc
#d1ded6
#cad9d0
#c4d5ca
#bdd0c4
#b7cbbf
#b0c6b9
#aac2b3
#a3bdad

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0c0e0c
#171b19
#232925
#2f3631
#3a443e
#46514a
#525f57
#5d6c63
#697a6f
#74877c
#809588
#8ca294
#97b0a1
#a3bdad

Contrast Checker

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

2.012 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.44 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 #a3bdad

Some examples of color palettes with #a3bdad. View more

Use #a3bdad in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet