#33505B

Cyan

The color #33505B is a cyan that can be used in various design contexts. This color has RGB values of 51, 80, 91 and HSL values of 197°, 28%, 28%.

Color Values for #33505B

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

HEX:	`#33505B`
RGB:	`rgb(51,80,91)` Copied!
HSL:	`hsl(197,28%,28%)` Copied!
CMYK:	`cmyk(44%, 12%, 0%, 64%)` Copied!

Color Composition of #33505B

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

Red: 20%

Green: 31.4%

Blue: 35.7%

Contrast Analysis for #33505B

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 #33505B

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #33505B

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #33505B

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

#33505B

#5B3F33

Analogous Colors for #33505B

The analogous colors for #33505B are #335B53 and #333C5B. These three colors sit next to each other on the color wheel, creating a natural and harmonious color combination.

#335B53

#33505B

#333C5B

Triadic Colors for #33505B

The triadic colors for #33505B are #5B3350 and #505B33. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#33505B

#5B3350

#505B33

Shades of #33505B

These are the darker variations of #33505B. Shades are created by adding black to the original color, like #294049 and #1F3037. This progression shows how #33505B darkens from left to right, creating deeper variations of the original color.

Tints of #33505B

Tints are created by adding white to the original color, like #5C737C and #85969D. This progression shows how #33505B. lightens from left to right, creating softer variations of the original color.

Color Blindness Simulation for #33505B

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

protanopia

#404058

deuteranopia

#3E3C58

tritanopia

#345656

achromatopsia

#494949

Brands that use #33505B

Companies and brands that incorporate #33505B in their visual identity.

Add your brand here

#33505B Closest Pantone Colors

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

Pantone 19-4316 Stargazer #39505C

Pantone 19-4820 Balsam #33565E

Pantone 19-4517 Mediterranea #32575D

Pantone 19-5413 Jasper #335959

Pantone 19-4118 Dark Denim #35465E