Color picker

#aaadcc

Conversion

HEX#aaadcc
HEX8#aaadccff
RGBrgb(170, 173, 204)
CMYK[0.17,0.15,0,0.2]
Name#aaadcc
HCL[288.3,16.92,71.41]
oklab[0.76,0.01,-0.04]
Num11185612
HSI[235.43,0.07,0.72]
lab[71.41,5.31,-16.07]
Lighten
#eaeaf2
Darken
#6a6fa6
Saturate
#9ca2da
Desaturate
#b8b8be
Greyscale
#bbbbbb
Brighten
#dde0ff

Color harmonies of #aaadcc

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.
#aaadcc
#ccaaad
#adccaa

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.
#aaadcc
#ccaabe
#ccc9aa
#aaccb8

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.
#aaadcc
#cdd1f6
#1c1d22
#40414c
#636577
#8789a1

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.
#aaadcc
#aabbcc
#aab4cc
#aaadcc
#aeaacc
#b5aacc

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#aaadcc
#ccaac8
#bbccaa

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
#f9f9fb
#f3f3f8
#ededf4
#e7e8f0
#e1e2ed
#dbdce9
#d5d6e6
#ced0e2
#c8cade
#c2c4db
#bcbfd7
#b6b9d3
#b0b3d0
#aaadcc

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0c0c0f
#18191d
#24252c
#31313a
#3d3e49
#494a57
#555766
#616375
#6d6f83
#797c92
#8688a0
#9294af
#9ea1bd
#aaadcc

Contrast Checker

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

2.197 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.559 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 #aaadcc

Some examples of color palettes with #aaadcc. View more

Use #aaadcc in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet