#BAB0F3

Light Blue

The color #BAB0F3 is a light blue that can be used in various design contexts. This color has RGB values of 186, 176, 243 and HSL values of 249°, 74%, 82%.

Color Values for #BAB0F3

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

HEX:	`#BAB0F3`
RGB:	`rgb(186,176,243)` Copied!
HSL:	`hsl(249,74%,82%)` Copied!
CMYK:	`cmyk(23%, 28%, 0%, 5%)` Copied!

Color Composition of #BAB0F3

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

Red: 72.9%

Green: 69%

Blue: 95.3%

Contrast Analysis for #BAB0F3

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

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #BAB0F3

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #BAB0F3

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

#BAB0F3

#E9F3AF

Analogous Colors for #BAB0F3

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

#AFC7F3

#BAB0F3

#DBAFF3

Triadic Colors for #BAB0F3

The triadic colors for #BAB0F3 are #F3B9AF and #AFF3B9. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#BAB0F3

#F3B9AF

#AFF3B9

Shades of #BAB0F3

These are the darker variations of #BAB0F3. Shades are created by adding black to the original color, like #958DC2 and #706A92. This progression shows how #BAB0F3 darkens from left to right, creating deeper variations of the original color.

Tints of #BAB0F3

Tints are created by adding white to the original color, like #C8C0F5 and #D6D0F8. This progression shows how #BAB0F3. lightens from left to right, creating softer variations of the original color.

Color Blindness Simulation for #BAB0F3

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

protanopia

#B6B6E3

deuteranopia

#B6B7DF

tritanopia

#BAD6D3

achromatopsia

#BBBBBB

Brands that use #BAB0F3

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

Add your brand here

#BAB0F3 Closest Pantone Colors

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

Pantone 13-3920 Halogen Blue #BDC6DC

Pantone 14-3949 Xenon Blue #B7C0D7

Pantone 14-3911 Purple Heather #BAB8D3

Pantone 14-4110 Heather #B7C0D6

Pantone 14-3812 Pastel Lilac #BDB0D0