#C5DDA1

Yellow

The color #C5DDA1 is a yellow that can be used in various design contexts. This color has RGB values of 197, 221, 161 and HSL values of 84°, 47%, 75%.

Color Values for #C5DDA1

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

HEX:	`#C5DDA1`
RGB:	`rgb(197,221,161)` Copied!
HSL:	`hsl(84,47%,75%)` Copied!
CMYK:	`cmyk(11%, 0%, 27%, 13%)` Copied!

Color Composition of #C5DDA1

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

Red: 77.3%

Green: 86.7%

Blue: 63.1%

Contrast Analysis for #C5DDA1

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

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #C5DDA1

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #C5DDA1

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

#C5DDA1

#B9A1DD

Analogous Colors for #C5DDA1

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

#DDD7A1

#C5DDA1

#A7DDA1

Triadic Colors for #C5DDA1

The triadic colors for #C5DDA1 are #A1C5DD and #DDA1C5. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#C5DDA1

#A1C5DD

#DDA1C5

Shades of #C5DDA1

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

Tints of #C5DDA1

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

Color Blindness Simulation for #C5DDA1

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

protanopia

#CFD0B0

deuteranopia

#CECCB3

tritanopia

#C6BBBE

achromatopsia

#CFCFCF

Brands that use #C5DDA1

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

Add your brand here

#C5DDA1 Closest Pantone Colors

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

Pantone 12-0322 Butterfly #CADEA5

Pantone 13-0319 Shadow Lime #CFE09D

Pantone 13-0215 Reed #C3D3A8

Pantone 13-0317 Lily Green #C5CF98

Pantone 12-0317 Gleam #BFD1AD