Pale Cyan (C7F4FA) — 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 #C7F4FA

RGB rgb(199, 244, 250)

HSL hsl(187°, 84%, 88%)

CMYK C:20% M:2% Y:0% K:2%

Luminance 0.8414

WCAG Accessibility

On white 1.18:1

Aa — #C7F4FA

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 17.75:1

Aa — #C7F4FA

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C7F4FA #FACDC7

Analogous

#C7FAE6 #C7F4FA #C7DAFA

Triadic

#C7F4FA #FAC7F4 #F4FAC7

Split-comp.

#C7F4FA #FAC7DA #FAE6C7

Tetradic

#C7F4FA #E6C7FA #FACDC7 #DAFAC7

Monochromatic

#20C0D5 #71DCEA #CAF2F7 #F6FDFE #FFFFFF

Suggested palettes for this hue.

Tokyo Neon View all →

Dark UI View all →

Provence Lavender View all →