#AFA285

Orange

The color #AFA285 is a orange that can be used in various design contexts. This color has RGB values of 175, 162, 133 and HSL values of 41°, 21%, 60%.

Color Values for #AFA285

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

HEX:	`#AFA285`
RGB:	`rgb(175,162,133)` Copied!
HSL:	`hsl(41,21%,60%)` Copied!
CMYK:	`cmyk(0%, 7%, 24%, 31%)` Copied!

Color Composition of #AFA285

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

Red: 68.6%

Green: 63.5%

Blue: 52.2%

Contrast Analysis for #AFA285

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

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #AFA285

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #AFA285

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

#AFA285

#8491AE

Analogous Colors for #AFA285

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

#AE8B84

#AFA285

#A7AE84

Triadic Colors for #AFA285

The triadic colors for #AFA285 are #84AEA1 and #A184AE. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#AFA285

#84AEA1

#A184AE

Shades of #AFA285

These are the darker variations of #AFA285. Shades are created by adding black to the original color, like #8C826A and #696150. This progression shows how #AFA285 darkens from left to right, creating deeper variations of the original color.

Tints of #AFA285

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

Color Blindness Simulation for #AFA285

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

protanopia

#A9A98C

deuteranopia

#AAAB8E

tritanopia

#AE9293

achromatopsia

#A3A3A3

Brands that use #AFA285

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

Add your brand here

#AFA285 Closest Pantone Colors

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

Pantone 16-1212 Nomad #B49F89

Pantone 14-1012 Gilded Beige #B39F8D

Pantone 16-1210 Light Taupe #B19D8D

Pantone 16-1010 Incense #AF9A7E

Pantone 15-0318 Sage Green #B2AC88