#4585CE

Blue

The color #4585CE is a blue that can be used in various design contexts. This color has RGB values of 69, 133, 206 and HSL values of 212°, 58%, 54%.

Color Values for #4585CE

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

HEX:	`#4585CE`
RGB:	`rgb(69,133,206)` Copied!
HSL:	`hsl(212,58%,54%)` Copied!
CMYK:	`cmyk(67%, 35%, 0%, 19%)` Copied!

Color Composition of #4585CE

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

Red: 27.1%

Green: 52.2%

Blue: 80.8%

Contrast Analysis for #4585CE

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 #4585CE

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #4585CE

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #4585CE

Complementary colors are pairs of colors that are positioned opposite each other on the color wheel. When used together, they create maximum contrast and visual impact.

#4585CE

#CE8E46

Analogous Colors for #4585CE

Analogous colors are groups of three colors that are next to each other on the color wheel. This color scheme creates a harmonious and cohesive look that's pleasing to the eye.

#46C9CE

#4585CE

#4A46CE

Triadic Colors for #4585CE

Triadic color schemes use three colors equally spaced around the color wheel. This combination offers strong visual contrast while maintaining color harmony.

#4585CE

#CE4685

#85CE46

Shades of #4585CE

Shades are created by adding black to the original color. This progression shows how #4585CE darkens from left to right, creating deeper variations of the original color.

Tints of #4585CE

Tints are created by adding white to the original color. This progression shows how #4585CE lightens from left to right, creating softer variations of the original color.

Color Blindness Simulation for #4585CE

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

protanopia

#6161BC

deuteranopia

#5D58B8

tritanopia

#48AEAB

achromatopsia

#7A7A7A

Brands that use #4585CE

Companies and brands that incorporate #4585CE in their visual identity.

Add your brand here

#4585CE Closest Pantone Colors

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

Pantone 17-4041 Marina #4F84C4

Pantone 17-4139 Azure Blue #4D91C6

Pantone 18-4039 Regatta #487AB7

Pantone 16-4134 Bonnie Blue #539CCC

Pantone 17-4037 Ultramarine #5B7EBD