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

RGB rgb(204, 245, 243)

HSL hsl(177°, 67%, 88%)

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

Luminance 0.85

WCAG Accessibility

On white 1.17:1

Aa — #CCF5F3

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 17.92:1

Aa — #CCF5F3

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CCF5F3 #F5CCCE

Analogous

#CCF5DE #CCF5F3 #CCE2F5

Triadic

#CCF5F3 #F3CCF5 #F5F3CC

Split-comp.

#CCF5F3 #F5CCE2 #F5DECC

Tetradic

#CCF5F3 #DECCF5 #F5CCCE #E2F5CC

Monochromatic

#35C0B9 #7FDCD7 #CFF2F0 #F7FDFD #FFFFFF

Suggested palettes for this hue.

Green Meadow View all →

Golden Autumn View all →

Arctic Tundra View all →