#A2A7AE

Grayish Blue

The color #A2A7AE is a grayish blue that can be used in various design contexts. This color has RGB values of 162, 167, 174 and HSL values of 215°, 7%, 66%.

Color Values for #A2A7AE

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

HEX:	`#A2A7AE`
RGB:	`rgb(162,167,174)` Copied!
HSL:	`hsl(215,7%,66%)` Copied!
CMYK:	`cmyk(7%, 4%, 0%, 32%)` Copied!

Color Composition of #A2A7AE

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

Red: 63.5%

Green: 65.5%

Blue: 68.2%

Contrast Analysis for #A2A7AE

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 #A2A7AE

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #A2A7AE

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #A2A7AE

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

#A2A7AE

#AEA9A2

Analogous Colors for #A2A7AE

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

#A2ADAE

#A2A7AE

#A3A2AE

Triadic Colors for #A2A7AE

The triadic colors for #A2A7AE are #AEA2A7 and #A7AEA2. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#A2A7AE

#AEA2A7

#A7AEA2

Shades of #A2A7AE

These are the darker variations of #A2A7AE. Shades are created by adding black to the original color, like #82868B and #616468. This progression shows how #A2A7AE darkens from left to right, creating deeper variations of the original color.

Tints of #A2A7AE

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

Color Blindness Simulation for #A2A7AE

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

protanopia

#A4A4AC

deuteranopia

#A4A4AC

tritanopia

#A2ABAB

achromatopsia

#A6A6A6

Brands that use #A2A7AE

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

Add your brand here

#A2A7AE Closest Pantone Colors

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

Pantone 15-4306 Belgian Block #A3A9A6

Pantone 15-4702 Puritan Gray #A8B0AE

Pantone 15-4704 Pigeon #A9AFAA

Pantone 15-4706 Gray Mist #99AEAE

Pantone 15-4703 Mirage Gray #ABAFAE