#B4CCCC

Grayish Cyan

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

Color Values for #B4CCCC

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

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

Color Composition of #B4CCCC

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

Red: 70.6%

Green: 80%

Blue: 80%

Contrast Analysis for #B4CCCC

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

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #B4CCCC

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #B4CCCC

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

#B4CCCC

#CBB3B3

Analogous Colors for #B4CCCC

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

#B3CBBF

#B4CCCC

#B3BFCB

Triadic Colors for #B4CCCC

The triadic colors for #B4CCCC are #CBB3CB and #CBCBB3. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#B4CCCC

#CBB3CB

#CBCBB3

Shades of #B4CCCC

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

Tints of #B4CCCC

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

Color Blindness Simulation for #B4CCCC

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

protanopia

#BEBFCC

deuteranopia

#BDBBCC

tritanopia

#B5CCCC

achromatopsia

#C5C5C5

Brands that use #B4CCCC

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

Add your brand here

#B4CCCC Closest Pantone Colors

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

Pantone 12-4609 Starlight Blue #B5CED4

Pantone 13-4308 Baby Blue #B5C7D3

Pantone 13-5306 Icy Morn #B0D3D1

Pantone 14-4504 Sky Gray #BCC8C6

Pantone 14-4807 Surf Spray #B4C8C2