Color Schemes with #ade6e9

Alternatives to #ade6e9

Below, you can see some colors close to #ade6e9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ade6e9 Preview

<span style="color:#ade6e9">Text here</span>

<p style="background-color:#ade6e9;">Content here</p>

<div style="border:1px #ade6e9;">Content here</div>

.text {color:#ade6e9;}

.background {background-color:#ade6e9;}

.border {border:1px solid #ade6e9;}

.text-shadow {border:1px solid #ade6e9;}

Shades and Tints of #ade6e9

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000202 is the darkest color, while #f0fafb is the lightest one.

Tones of #ade6e9

A tone is produced by adding gray to any pure hue. In this case, #c7cfcf is the less saturated color, while #97f9ff is the most saturated one.