The Nascent Beam amid Swelling: WCAG Accessibility & Inclusive Color

The Nascent Beam amid Swelling — a 30%-saturated Cyan at 65% lightness (RGB (139-193-171)) — WCAG compliance requirements and inclusive color use strategies.

The Nascent Beam amid Swelling
#8BC1AB · RGB (139-193-171) · HSL(156°,30%,65%)

Accessibility: Best text on RGB (139-193-171) is black (ratio 10.31:1 — WCAG AAA ✅). Check your own contrast →

Color Accessibility Standards

WCAG 2.1 defines contrast requirements for people with low vision or color blindness. Core rule: color must never be the only way information is conveyed. WCAG 3.0 (in development) introduces APCA — a more nuanced algorithm that better matches human perceptual contrast for small text and colored backgrounds.

Applying The Nascent Beam amid Swelling in Accessibility

Making RGB (139-193-171) work accessibly:

  • Calculate contrast ratio against your background — check both white and black text options
  • If insufficient, adjust lightness only (not hue) to maintain color identity
  • Test under all 8 major color vision deficiency types
  • Add non-color indicators for all errors, status signals, and data encoding
  • Ensure focus indicators meet 3:1 contrast against adjacent colors

Similar Colors

Design neighbors:

More Cyan:

All Cyan colors →

Full Data for The Nascent Beam amid Swelling

13 formats + harmonies: The Nascent Beam amid Swelling →