Orange

The color #DCC389 is a orange that can be used in various design contexts. This color has RGB values of 220, 195, 137 and HSL values of 42°, 54%, 70%.

Color Values for #DCC389

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

HEX:
#DCC389
RGB:
rgb(220,195,137) Copied!
HSL:
hsl(42,54%,70%) Copied!
CMYK:
cmyk(0%, 11%, 38%, 14%) Copied!

Color Composition of #DCC389

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

Red: 86.3%
Green: 76.5%
Blue: 53.7%

Contrast Analysis for #DCC389

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

Contrast Ratio: 4.5:1
WCAG AA: ✓ Passes
WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #DCC389

Contrast Ratio: 3.8:1
WCAG AA: ✗ Fails
WCAG AAA: ✗ Fails

Complementary Colors for #DCC389

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

Analogous Colors for #DCC389

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

Triadic Colors for #DCC389

The triadic colors for #DCC389 are #89DCC3 and #C389DC. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

Shades of #DCC389

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

Tints of #DCC389

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

Color Blindness Simulation for #DCC389

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

Brands that use #DCC389

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

#DCC389 Closest Pantone Colors

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

The color #DCC389 is a orange with RGB values of 220, 195, 137 and HSL values of 42°, 54%, 70%.

This color tool provides detailed information about #DCC389 including color conversions, color schemes, and accessibility considerations for web and graphic design use.