#ACB299

Grayish Yellow

The color #ACB299 is a grayish yellow that can be used in various design contexts. This color has RGB values of 172, 178, 153 and HSL values of 74°, 14%, 65%.

Color Values for #ACB299

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

HEX:	`#ACB299`
RGB:	`rgb(172,178,153)` Copied!
HSL:	`hsl(74,14%,65%)` Copied!
CMYK:	`cmyk(3%, 0%, 14%, 30%)` Copied!

Color Composition of #ACB299

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

Red: 67.5%

Green: 69.8%

Blue: 60%

Contrast Analysis for #ACB299

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

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #ACB299

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #ACB299

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

#ACB299

#9F99B2

Analogous Colors for #ACB299

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

#B2AC99

#ACB299

#A0B299

Triadic Colors for #ACB299

The triadic colors for #ACB299 are #99ACB2 and #B299AC. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#ACB299

#99ACB2

#B299AC

Shades of #ACB299

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

Tints of #ACB299

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

Color Blindness Simulation for #ACB299

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

protanopia

#AFAF9F

deuteranopia

#AEAEA1

tritanopia

#ACA4A5

achromatopsia

#ADADAD

Brands that use #ACB299

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

Add your brand here

#ACB299 Closest Pantone Colors

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

Pantone 15-6310 Swamp #A8B197

Pantone 15-6410 Moss Gray #AFAB97

Pantone 15-6307 Agate Gray #B1B09F

Pantone 16-0110 Desert Sage #A7AE9E

Pantone 15-6304 Pussywillow Gray #AEACA1