#B4CCC3

Grayish Cyan

The color #B4CCC3 is a grayish cyan that can be used in various design contexts. This color has RGB values of 180, 204, 195 and HSL values of 158°, 19%, 75%.

Color Values for #B4CCC3

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

HEX:	`#B4CCC3`
RGB:	`rgb(180,204,195)` Copied!
HSL:	`hsl(158,19%,75%)` Copied!
CMYK:	`cmyk(12%, 0%, 4%, 20%)` Copied!

Color Composition of #B4CCC3

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

Red: 70.6%

Green: 80%

Blue: 76.5%

Contrast Analysis for #B4CCC3

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

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #B4CCC3

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #B4CCC3

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

#B4CCC3

#CBB3BC

Analogous Colors for #B4CCC3

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

#B3CBB6

#B4CCC3

#B3C8CB

Triadic Colors for #B4CCC3

The triadic colors for #B4CCC3 are #C2B3CB and #CBC2B3. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#B4CCC3

#C2B3CB

#CBC2B3

Shades of #B4CCC3

These are the darker variations of #B4CCC3. Shades are created by adding black to the original color, like #90A39C and #6C7A75. This progression shows how #B4CCC3 darkens from left to right, creating deeper variations of the original color.

Tints of #B4CCC3

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

Color Blindness Simulation for #B4CCC3

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

protanopia

#BEBFC5

deuteranopia

#BDBBC6

tritanopia

#B5C7C7

achromatopsia

#C4C4C4

Brands that use #B4CCC3

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

Add your brand here

#B4CCC3 Closest Pantone Colors

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

Pantone 14-4807 Surf Spray #B4C8C2

Pantone 13-5907 Gossamer Green #B2CFBE

Pantone 14-6008 Subtle Green #B5CBBB

Pantone 14-4504 Sky Gray #BCC8C6

Pantone 13-6108 Celadon #B8CCBA