Vivid Cyan (0099CC) — Shades, Harmonies, Palettes, CSS Code

"Vivid Cyan"

Cyan · Summer

🧠 Psychology

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

✨ Uses

Tech, health, communication, SaaS, media.

Tip

Vivid Cyan pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #0099CC

RGB rgb(0, 153, 204)

HSL hsl(195°, 100%, 40%)

CMYK C:100% M:25% Y:0% K:20%

Luminance 0.2767

WCAG Accessibility

On white 3.27:1

Aa — #0099CC

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.43:1

Aa — #0099CC

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#0099CC #CC3300

Analogous

#00CC99 #0099CC #0033CC

Triadic

#0099CC #CC0099 #99CC00

Split-comp.

#0099CC #CC0033 #CC9900

Tetradic

#0099CC #9900CC #CC3300 #33CC00

Monochromatic

#9EE3FA #3DC7F5 #0A94C2 #086F91 #043749

#0099CC appears in 1 palette

Mediterranean View all →