#3AA679

Cyan

The color #3AA679 is a cyan that can be used in various design contexts. This color has RGB values of 58, 166, 121 and HSL values of 155°, 48%, 44%.

Color Values for #3AA679

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

HEX:	`#3AA679`
RGB:	`rgb(58,166,121)` Copied!
HSL:	`hsl(155,48%,44%)` Copied!
CMYK:	`cmyk(65%, 0%, 27%, 35%)` Copied!

Color Composition of #3AA679

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

Red: 22.7%

Green: 65.1%

Blue: 47.5%

Contrast Analysis for #3AA679

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 #3AA679

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #3AA679

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #3AA679

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

#3AA679

#A63A67

Analogous Colors for #3AA679

The analogous colors for #3AA679 are #3AA643 and #3A9DA6. These three colors sit next to each other on the color wheel, creating a natural and harmonious color combination.

#3AA643

#3AA679

#3A9DA6

Triadic Colors for #3AA679

The triadic colors for #3AA679 are #793AA6 and #A6793A. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#3AA679

#793AA6

#A6793A

Shades of #3AA679

These are the darker variations of #3AA679. Shades are created by adding black to the original color, like #2E8561 and #236449. This progression shows how #3AA679 darkens from left to right, creating deeper variations of the original color.

Tints of #3AA679

Tints are created by adding white to the original color, like #61B894 and #89CAAF. This progression shows how #3AA679. lightens from left to right, creating softer variations of the original color.

Color Blindness Simulation for #3AA679

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

protanopia

#696A84

deuteranopia

#635A87

tritanopia

#3F8C8E

achromatopsia

#818181

Brands that use #3AA679

Companies and brands that incorporate #3AA679 in their visual identity.

Add your brand here

#3AA679 Closest Pantone Colors

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

Pantone 16-5930 Ming Green #3AA278

Pantone 16-5825 Gumdrop Green #2EA785

Pantone 16-5721 Marine Green #40A48E

Pantone 16-5924 Winter Green #4F9E81

Pantone 16-6240 Island Green #2BAE66