Cyan

PowderBlue

#B0E0E6
HEX
#B0E0E6
RGB
rgb(176, 224, 230)
HSL
hsl(187, 52%, 80%)

Cyan family

About PowderBlue

PowderBlue (#B0E0E6) is a light, moderately saturated cyan. Cyan blends blue's calm with green's freshness, evoking clear water and open skies with a crisp, modern, slightly techy feel.

Psychology

Cyan feels clean, refreshing and clear-headed. It suggests clarity, innovation and cool efficiency, and it is less heavy than deep blue while still reading as calm and trustworthy.

Applications

Cyan and teal are staples of tech, travel, healthcare and aquatic brands. They are excellent for gradients, links, accents and data visualizations, and pair beautifully with navy, white and warm neutrals.

History

Cyan has long been a secondary hue in printing; together with magenta, yellow and black it forms the CMYK process that reproduces full-color images. Its modern popularity grew with digital displays and tech branding.

Meaning

Cyan is associated with clarity, freshness and modernity. It can evoke tropical water, cool air and precision, making it a favorite for brands that want to feel clean and contemporary.

Why use this color

Use cyan when you want a design to feel fresh, modern and trustworthy without the formality of navy. It is ideal for tech, health and travel brands and for crisp UI accents.

Accessibility

Against white, #B0E0E6 has a 1.4:1 contrast ratio; against black it is 14.7:1. Black text on #B0E0E6 meets WCAG AA for normal text.

Fun facts

  • Cyan is one of the three primary colors of the CMYK printing process.
  • The word cyan comes from the Greek kyanos, meaning dark blue.
  • Cyan ink, together with magenta and yellow, can reproduce most printed colors.

Shades, tints & tones

Variations

Ten lightness steps plus PowderBlue's tints, shades and tones — every swatch copies its hex on click.

Lightness scale

Tints (toward white)

Shades (toward black)

Tones (toward gray)

Color theory

Color harmonies

Proven schemes built around PowderBlue. Each swatch is one click from your clipboard.

Complementary

#b1e0e7#e7b8b1

Analogous

#b1e7d2#b1e0e7#b1c6e7

Triadic

#b1e0e7#e7b1e0#e0e7b1

Split-complementary

#b1e0e7#e7b1c6#e7d2b1

Tetradic

#b1e0e7#d2b1e7#e7b8b1#c6e7b1

Monochromatic

#12353a#27727c#3db2c2#83ced8#c5e8ed

Accessibility

Blindness simulator

See how PowderBlue is perceived with common types of color vision deficiency.

#B0E0E6

Normal vision

Standard trichromatic vision, shown for reference.

#d8dce6

Protanopia

Red-blind. Reds look darker and can be confused with greens and browns.

#cfd4e6

Deuteranopia

Green-blind. Greens look muted and can be confused with reds and browns.

#9fe4e2

Tritanopia

Blue-blind. Blues look greenish and yellows fade toward pink.

#d7d7d7

Achromatopsia

Complete color blindness. Everything is seen in shades of gray.

WCAG

Contrast checker

How PowderBlue performs against black and white text, with WCAG AA and AAA ratings.

AaWhite on PowderBlue
1.43:1
AAAAAAA LargeAAA Large
AaBlack on PowderBlue
14.65:1
AAAAAAA LargeAAA Large

The ratio is identical whether PowderBlue is used as the text or the background.

Open the full checker

Ready to use

Color palettes

Curated palettes that put PowderBlue to work, with copy-all support for each.

Complementary

The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.

Analogous

Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.

Triadic

Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.

Monochromatic

A single hue stepped from light to dark for a clean, elegant and foolproof palette.

PowderBlue (#B0E0E6) is a cyan-family color. Use its values, variations, harmonies and palettes above to put it to work in your next design.

Frequently asked questions

PowderBlue is #B0E0E6 — rgb(176, 224, 230) / hsl(187, 52%, 80%). PowderBlue (#B0E0E6) is a light, moderately saturated cyan. Cyan blends blue's calm with green's freshness, evoking clear water and open skies with a crisp, modern, slightly techy feel.

Must-know facts

  • PowderBlue is one of 355 named colors in the library.
  • Its complementary hue sits 180° away on the color wheel: #e7b8b1.

Related tools

These color tools pair naturally with the one you just used — keep exploring.