#202A5A

Dark Blue

The color #202A5A is a dark blue that can be used in various design contexts. This color has RGB values of 32, 42, 90 and HSL values of 230°, 48%, 24%.

Color Values for #202A5A

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

HEX:	`#202A5A`
RGB:	`rgb(32,42,90)` Copied!
HSL:	`hsl(230,48%,24%)` Copied!
CMYK:	`cmyk(64%, 53%, 0%, 65%)` Copied!

Color Composition of #202A5A

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

Red: 12.5%

Green: 16.5%

Blue: 35.3%

Contrast Analysis for #202A5A

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 #202A5A

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #202A5A

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #202A5A

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

#202A5A

#5B5120

Analogous Colors for #202A5A

The analogous colors for #202A5A are #20475B and #33205B. These three colors sit next to each other on the color wheel, creating a natural and harmonious color combination.

#20475B

#202A5A

#33205B

Triadic Colors for #202A5A

The triadic colors for #202A5A are #5B202A and #2A5B20. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#202A5A

#5B202A

#2A5B20

Shades of #202A5A

These are the darker variations of #202A5A. Shades are created by adding black to the original color, like #1A2248 and #131936. This progression shows how #202A5A darkens from left to right, creating deeper variations of the original color.

Tints of #202A5A

Tints are created by adding white to the original color, like #4D557B and #797F9C. This progression shows how #202A5A. lightens from left to right, creating softer variations of the original color.

Color Blindness Simulation for #202A5A

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

protanopia

#24244E

deuteranopia

#24234C

tritanopia

#214543

achromatopsia

#2C2C2C

Brands that use #202A5A

Companies and brands that incorporate #202A5A in their visual identity.

Add your brand here

#202A5A Closest Pantone Colors

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

Pantone 19-3940 Blue Depths #263056

Pantone 19-4027 Estate Blue #233658

Pantone 19-3939 Blueprint #2D3359

Pantone 19-3933 Medieval Blue #29304E

Pantone 19-4029 Navy Peony #223A5E