#CCCFF5

Light Blue

The color #CCCFF5 is a light blue that can be used in various design contexts. This color has RGB values of 204, 207, 245 and HSL values of 236°, 67%, 88%.

Color Values for #CCCFF5

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

HEX:	`#CCCFF5`
RGB:	`rgb(204,207,245)` Copied!
HSL:	`hsl(236,67%,88%)` Copied!
CMYK:	`cmyk(17%, 16%, 0%, 4%)` Copied!

Color Composition of #CCCFF5

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

Red: 80%

Green: 81.2%

Blue: 96.1%

Contrast Analysis for #CCCFF5

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

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #CCCFF5

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #CCCFF5

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

#CCCFF5

#F5F2CC

Analogous Colors for #CCCFF5

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

#CCE3F5

#CCCFF5

#DECCF5

Triadic Colors for #CCCFF5

The triadic colors for #CCCFF5 are #F5CCCF and #CFF5CC. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#CCCFF5

#F5CCCF

#CFF5CC

Shades of #CCCFF5

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

Tints of #CCCFF5

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

Color Blindness Simulation for #CCCFF5

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

protanopia

#CDCDEC

deuteranopia

#CDCDEA

tritanopia

#CCE5E3

achromatopsia

#D2D2D2

Brands that use #CCCFF5

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

Add your brand here

#CCCFF5 Closest Pantone Colors

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

Pantone 13-4103 Illusion Blue #C9D3DC

Pantone 12-4805 Wan Blue #CBDCDF

Pantone 13-4105 Lilac Hint #D0D0DA

Pantone 12-4604 Skylight #C8E0E0

Pantone 12-4305 Spa Blue #D3DEDF