#204564

Cyan

The color #204564 is a cyan that can be used in various design contexts. This color has RGB values of 32, 69, 100 and HSL values of 207°, 52%, 26%.

Color Values for #204564

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

HEX:	`#204564`
RGB:	`rgb(32,69,100)` Copied!
HSL:	`hsl(207,52%,26%)` Copied!
CMYK:	`cmyk(68%, 31%, 0%, 61%)` Copied!

Color Composition of #204564

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

Red: 12.5%

Green: 27.1%

Blue: 39.2%

Contrast Analysis for #204564

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

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #204564

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #204564

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

#204564

#653F20

Analogous Colors for #204564

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

#206561

#204564

#202365

Triadic Colors for #204564

The triadic colors for #204564 are #652046 and #466520. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#204564

#652046

#466520

Shades of #204564

These are the darker variations of #204564. Shades are created by adding black to the original color, like #1A3750 and #13293C. This progression shows how #204564 darkens from left to right, creating deeper variations of the original color.

Tints of #204564

Tints are created by adding white to the original color, like #4D6A83 and #798FA2. This progression shows how #204564. lightens from left to right, creating softer variations of the original color.

Color Blindness Simulation for #204564

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

protanopia

#30305C

deuteranopia

#2E2B5B

tritanopia

#225755

achromatopsia

#3D3D3D

Brands that use #204564

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

Add your brand here

#204564 Closest Pantone Colors

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

Pantone 19-4324 Legion Blue #1F495B

Pantone 19-4044 Limoges #243F6C

Pantone 19-4029 Navy Peony #223A5E

Pantone 19-4126 Deep Dive #29495C

Pantone 19-4125 Majolica Blue #274357