#153356

Dark Blue

The color #153356 is a dark blue that can be used in various design contexts. This color has RGB values of 21, 51, 86 and HSL values of 212°, 61%, 21%.

Color Values for #153356

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

HEX:	`#153356`
RGB:	`rgb(21,51,86)` Copied!
HSL:	`hsl(212,61%,21%)` Copied!
CMYK:	`cmyk(76%, 41%, 0%, 66%)` Copied!

Color Composition of #153356

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

Red: 8.2%

Green: 20%

Blue: 33.7%

Contrast Analysis for #153356

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

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #153356

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #153356

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

#153356

#563815

Analogous Colors for #153356

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

#155456

#153356

#171556

Triadic Colors for #153356

The triadic colors for #153356 are #561533 and #335615. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#153356

#561533

#335615

Shades of #153356

These are the darker variations of #153356. Shades are created by adding black to the original color, like #112945 and #0D1F34. This progression shows how #153356 darkens from left to right, creating deeper variations of the original color.

Tints of #153356

Tints are created by adding white to the original color, like #445C78 and #73859A. This progression shows how #153356. lightens from left to right, creating softer variations of the original color.

Color Blindness Simulation for #153356

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

protanopia

#22224E

deuteranopia

#201E4C

tritanopia

#174745

achromatopsia

#2E2E2E

Brands that use #153356

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

Add your brand here

#153356 Closest Pantone Colors

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

Pantone 19-4033 Poseidon #123955

Pantone 19-4038 Gibraltar Sea #123850

Pantone 19-4120 Blue Opal #0F3B57

Pantone 19-4034 Sailor Blue #0E3A53

Pantone 19-4027 Estate Blue #233658