#222418

Dark Yellow

The color #222418 is a dark yellow that can be used in various design contexts. This color has RGB values of 34, 36, 24 and HSL values of 70°, 20%, 12%.

Color Values for #222418

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

HEX:	`#222418`
RGB:	`rgb(34,36,24)` Copied!
HSL:	`hsl(70,20%,12%)` Copied!
CMYK:	`cmyk(6%, 0%, 33%, 86%)` Copied!

Color Composition of #222418

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

Red: 13.3%

Green: 14.1%

Blue: 9.4%

Contrast Analysis for #222418

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

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #222418

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #222418

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

#222418

#1B1825

Analogous Colors for #222418

The analogous colors for #222418 are #252118 and #1D2518. These three colors sit next to each other on the color wheel, creating a natural and harmonious color combination.

#252118

#222418

#1D2518

Triadic Colors for #222418

The triadic colors for #222418 are #182325 and #251823. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#222418

#182325

#251823

Shades of #222418

These are the darker variations of #222418. Shades are created by adding black to the original color, like #1B1D13 and #14160E. This progression shows how #222418 darkens from left to right, creating deeper variations of the original color.

Tints of #222418

Tints are created by adding white to the original color, like #4E5046 and #7A7C74. This progression shows how #222418. lightens from left to right, creating softer variations of the original color.

Color Blindness Simulation for #222418

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

protanopia

#23231B

deuteranopia

#23231C

tritanopia

#221D1E

achromatopsia

#222222

Brands that use #222418

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

Add your brand here

#222418 Closest Pantone Colors

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

Pantone 19-3911 Black Beauty #26262A

Pantone 19-4008 Meteorite #2B2929

Pantone 19-5708 Jet Set #262C2A

Pantone 19-4003 Black Onyx #2B272B

Pantone 19-3909 Black Bean #2E272A