Blue

The color #534970 is a blue that can be used in various design contexts. This color has RGB values of 83, 73, 112 and HSL values of 255°, 21%, 36%.

Color Values for #534970

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

HEX:
#534970
RGB:
rgb(83,73,112) Copied!
HSL:
hsl(255,21%,36%) Copied!
CMYK:
cmyk(26%, 35%, 0%, 56%) Copied!

Color Composition of #534970

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

Red: 32.5%
Green: 28.6%
Blue: 43.9%

Contrast Analysis for #534970

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

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

On Dark Background (Black #000000)

Sample Text in #534970

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

Complementary Colors for #534970

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

Analogous Colors for #534970

The analogous colors for #534970 are #49526F and #65496F. These three colors sit next to each other on the color wheel, creating a natural and harmonious color combination.

Triadic Colors for #534970

The triadic colors for #534970 are #6F5249 and #496F52. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

Shades of #534970

These are the darker variations of #534970. Shades are created by adding black to the original color, like #423A5A and #322C43. This progression shows how #534970 darkens from left to right, creating deeper variations of the original color.

Tints of #534970

Tints are created by adding white to the original color, like #756D8D and #9892A9. This progression shows how #534970. lightens from left to right, creating softer variations of the original color.

Color Blindness Simulation for #534970

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

Brands that use #534970

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

#534970 Closest Pantone Colors

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

The color #534970 is a blue with RGB values of 83, 73, 112 and HSL values of 255°, 21%, 36%.

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