Color picker

#a2dec1

Conversion

HEX#a2dec1
HEX8#a2dec1ff
RGBrgb(162, 222, 193)
CMYK[0.27,0,0.13,0.13]
Name#a2dec1
HCL[162.05,26.3,83.85]
oklab[0.85,-0.07,0.02]
Num10673857
HSI[151.1,0.16,0.75]
lab[83.85,-25.02,8.11]
Lighten
#edf9f3
Darken
#57c38f
Saturate
#95ebc1
Desaturate
#afd1c1
Greyscale
#c0c0c0
Brighten
#d5fff4

Color harmonies of #a2dec1

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.
#a2dec1
#c1a2de
#dec1a2

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.
#a2dec1
#a3a2de
#dea2bf
#dddea2

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.
#a2dec1
#070908
#26342d
#455e52
#648977
#83b39c

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.
#a2dec1
#a2dea9
#a2deb5
#a2dec1
#a2decd
#a2ded9

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#a2dec1
#a2b3de
#dea9a2

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
#f8fdfb
#f2faf6
#ebf8f2
#e4f6ed
#def3e9
#d7f1e4
#d1efe0
#caecdc
#c3ead7
#bde7d3
#b6e5ce
#afe3ca
#a9e0c5
#a2dec1

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0c100e
#17201c
#233029
#2e3f37
#3a4f45
#455f53
#516f61
#5d7f6e
#688f7c
#749f8a
#7fae98
#8bbea5
#96ceb3
#a2dec1

Contrast Checker

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

1.527 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!
13.755 Super 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 #a2dec1

Some examples of color palettes with #a2dec1. View more

Use #a2dec1 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet