#CCBAE3

Light Blue

The color #CCBAE3 is a light blue that can be used in various design contexts. This color has RGB values of 204, 186, 227 and HSL values of 266°, 42%, 81%.

Color Values for #CCBAE3

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

HEX:	`#CCBAE3`
RGB:	`rgb(204,186,227)` Copied!
HSL:	`hsl(266,42%,81%)` Copied!
CMYK:	`cmyk(10%, 18%, 0%, 11%)` Copied!

Color Composition of #CCBAE3

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

Red: 80%

Green: 72.9%

Blue: 89%

Contrast Analysis for #CCBAE3

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

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #CCBAE3

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #CCBAE3

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

#CCBAE3

#D1E3BA

Analogous Colors for #CCBAE3

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

#BABDE3

#CCBAE3

#E0BAE3

Triadic Colors for #CCBAE3

The triadic colors for #CCBAE3 are #E3CCBA and #BAE3CC. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#CCBAE3

#E3CCBA

#BAE3CC

Shades of #CCBAE3

These are the darker variations of #CCBAE3. Shades are created by adding black to the original color, like #A395B6 and #7A7088. This progression shows how #CCBAE3 darkens from left to right, creating deeper variations of the original color.

Tints of #CCBAE3

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

Color Blindness Simulation for #CCBAE3

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

protanopia

#C4C4D9

deuteranopia

#C5C7D7

tritanopia

#CBD1D0

achromatopsia

#C4C4C4

Brands that use #CCBAE3

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

Add your brand here

#CCBAE3 Closest Pantone Colors

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

Pantone 13-3820 Lavender Fog #D2C4D6

Pantone 13-3805 Orchid Hush #CEC3D2

Pantone 13-3920 Halogen Blue #BDC6DC

Pantone 14-3905 Lavender Blue #C5C0D0

Pantone 13-4110 Arctic Ice #BFC7D6