#156CFB

Vivid Blue

The color #156CFB is a vivid blue that can be used in various design contexts. This color has RGB values of 21, 108, 251 and HSL values of 217°, 97%, 53%.

Color Values for #156CFB

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

HEX:	`#156CFB`
RGB:	`rgb(21,108,251)` Copied!
HSL:	`hsl(217,97%,53%)` Copied!
CMYK:	`cmyk(92%, 57%, 0%, 2%)` Copied!

Color Composition of #156CFB

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

Red: 8.2%

Green: 42.4%

Blue: 98.4%

Contrast Analysis for #156CFB

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 #156CFB

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #156CFB

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #156CFB

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.

#156CFB

#FBA213

Analogous Colors for #156CFB

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.

#13E0FB

#156CFB

#2E13FB

Triadic Colors for #156CFB

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

#156CFB

#FB136C

#6CFB13

Shades of #156CFB

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

Tints of #156CFB

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

Color Blindness Simulation for #156CFB

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

protanopia

#3B3BD8

deuteranopia

#362FD0

tritanopia

#19BDB7

achromatopsia

#626262

Brands that use #156CFB

Companies and brands that incorporate #156CFB in their visual identity.

Add your brand here

#156CFB Closest Pantone Colors

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

Pantone 17-4435 Malibu Blue #008CC1

Pantone 17-4336 Blithe #0084BD

Pantone 17-4433 Dresden Blue #0086BB

Pantone 17-4245 Ibiza Blue #007CB7

Pantone 18-4140 French Blue #0072B5