Pale Cyan (B4D7D9) — Shades, Harmonies, Palettes, CSS Code

"Pale Cyan"

Cyan · Summer

🧠 Psychology

Fresh and soothing color. Evokes clarity, communication and technological innovation.

✨ Uses

Tech, health, communication, SaaS, media.

Tip

Pale Cyan pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #B4D7D9

RGB rgb(180, 215, 217)

HSL hsl(183°, 33%, 78%)

CMYK C:17% M:1% Y:0% K:15%

Luminance 0.6408

WCAG Accessibility

On white 1.54:1

Aa — #B4D7D9

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.66:1

Aa — #B4D7D9

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B4D7D9 #D9B6B4

Analogous

#B4D9C9 #B4D7D9 #B4C5D9

Triadic

#B4D7D9 #D9B4D8 #D8D9B4

Split-comp.

#B4D7D9 #D9B4C5 #D9C9B4

Tetradic

#B4D7D9 #C9B4D9 #D9B6B4 #C5D9B4

Monochromatic

#4B7577 #7BAAAD #BAD3D4 #D9E7E7 #FFFFFF

Suggested palettes for this hue.

Amber Warning View all →

Sunset View all →

Pastel 80s View all →