#302198

Blue

The color #302198 is a blue that can be used in various design contexts. This color has RGB values of 48, 33, 152 and HSL values of 248°, 64%, 36%.

Color Values for #302198

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

HEX:	`#302198`
RGB:	`rgb(48,33,152)` Copied!
HSL:	`hsl(248,64%,36%)` Copied!
CMYK:	`cmyk(68%, 78%, 0%, 40%)` Copied!

Color Composition of #302198

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

Red: 18.8%

Green: 12.9%

Blue: 59.6%

Contrast Analysis for #302198

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

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #302198

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #302198

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

#302198

#879721

Analogous Colors for #302198

The analogous colors for #302198 are #214C97 and #6B2197. These three colors sit next to each other on the color wheel, creating a natural and harmonious color combination.

#214C97

#302198

#6B2197

Triadic Colors for #302198

The triadic colors for #302198 are #973121 and #219731. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#302198

#973121

#219731

Shades of #302198

These are the darker variations of #302198. Shades are created by adding black to the original color, like #261A7A and #1D145B. This progression shows how #302198 darkens from left to right, creating deeper variations of the original color.

Tints of #302198

Tints are created by adding white to the original color, like #594DAD and #837AC1. This progression shows how #302198. lightens from left to right, creating softer variations of the original color.

Color Blindness Simulation for #302198

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

protanopia

#2A297B

deuteranopia

#2A2C74

tritanopia

#2F645F

achromatopsia

#333333

Brands that use #302198

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

Add your brand here

#302198 Closest Pantone Colors

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

Pantone 19-3955 Royal Blue #3D428B

Pantone 19-3951 Clematis Blue #363B7C

Pantone 19-3952 Surf The Web #203C7F

Pantone 19-3847 Deep Blue #44377D

Pantone 18-3963 Spectrum Blue #3D3C7C