#AAAFD5

Blue

The color #AAAFD5 is a blue that can be used in various design contexts. This color has RGB values of 170, 175, 213 and HSL values of 233°, 34%, 75%.

Color Values for #AAAFD5

Below are the different color format representations for #AAAFD5. You can click any value to copy it to your clipboard.

HEX:	`#AAAFD5`
RGB:	`rgb(170,175,213)` Copied!
HSL:	`hsl(233,34%,75%)` Copied!
CMYK:	`cmyk(20%, 18%, 0%, 16%)` Copied!

Color Composition of #AAAFD5

This visualization shows the RGB (Red, Green, Blue) composition of the color #AAAFD5. Each bar represents the percentage of that primary color in the final mix.

Red: 66.7%

Green: 68.6%

Blue: 83.5%

Contrast Analysis for #AAAFD5

Testing this color against light and dark backgrounds to check accessibility standards and readability. For more detailed contrast testing, try our contrast checker tool.

On Light Background (White #FFFFFF)

Sample Text in #AAAFD5

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #AAAFD5

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #AAAFD5

The complementary color for #AAAFD5 is #D5D0AA. These colors sit opposite each other on the color wheel and create a striking visual contrast when used together.

#AAAFD5

#D5D0AA

Analogous Colors for #AAAFD5

The analogous colors for #AAAFD5 are #AAC4D5 and #BAAAD5. These three colors sit next to each other on the color wheel, creating a natural and harmonious color combination.

#AAC4D5

#AAAFD5

#BAAAD5

Triadic Colors for #AAAFD5

The triadic colors for #AAAFD5 are #D5AAAF and #AFD5AA. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#AAAFD5

#D5AAAF

#AFD5AA

Shades of #AAAFD5

These are the darker variations of #AAAFD5. Shades are created by adding black to the original color, like #888CAA and #666980. This progression shows how #AAAFD5 darkens from left to right, creating deeper variations of the original color.

Tints of #AAAFD5

Tints are created by adding white to the original color, like #BBBFDD and #CCCFE6. This progression shows how #AAAFD5. lightens from left to right, creating softer variations of the original color.

Color Blindness Simulation for #AAAFD5

These simulations show how people with different types of color blindness might perceive #AAAFD5. This information is crucial for designing accessible and inclusive color schemes.

protanopia

#ACACCC

deuteranopia

#ACACCA

tritanopia

#AAC5C3

achromatopsia

#B2B2B2

Brands that use #AAAFD5

Companies and brands that incorporate #AAAFD5 in their visual identity.

Add your brand here

#AAAFD5 Closest Pantone Colors

These are the closest matching Pantone® colors to #AAAFD5. Click on any color to see detailed Pantone color information.

Pantone 15-3915 Kentucky Blue #A5B3CC

Pantone 14-4115 Cashmere Blue #A5B8D0

Pantone 15-4030 Chambray Blue #9EB4D3

Pantone 15-3817 Lavender #AFA4CE

Pantone 14-4112 Skyway #ADBED3