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

RGB rgb(186, 209, 212)

HSL hsl(187°, 23%, 78%)

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

Luminance 0.616

WCAG Accessibility

On white 1.6:1

Aa — #BAD1D4

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.16:1

Aa — #BAD1D4

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BAD1D4 #D4BDBA

Analogous

#BAD4CA #BAD1D4 #BAC4D4

Triadic

#BAD1D4 #D4BAD1 #D1D4BA

Split-comp.

#BAD1D4 #D4BAC4 #D4CABA

Tetradic

#BAD1D4 #CABAD4 #D4BDBA #C4D4BA

Monochromatic

#546B6D #869FA2 #C0CCCE #DCE3E4 #FFFFFF

Suggested palettes for this hue.

Sunset View all →

Autumn Forest View all →

Dark UI View all →