Faint Bloom between Waltzing: Perceptual Contrast: How This Color Creates Visual Hierarchy

Understanding how Faint Bloom between Waltzing (RGB (227-153-230), HSL 298°/61%/75%) creates contrast against other colors is essential for accessible, effective design.

Faint Bloom between Waltzing
#E399E6 · RGB (227-153-230) · HSL(298°,61%,75%)

At 75% lightness, this color's relative luminance determines its contrast ratio against white and black backgrounds.

Relative Luminance

WCAG contrast ratio is calculated from relative luminance — perceived brightness accounting for the non-linear relationship between RGB values and light emission. The formula weights green highest (0.7152), red second (0.2126), and blue lowest (0.0722), reflecting the eye's cone sensitivity distribution.

WCAG Contrast Standards

Required ratios: 4.5:1 for normal text (AA), 3:1 for large text (AA), 7:1 for normal text (AAA). UI components (buttons, inputs, icons) require 3:1 against adjacent colors. WCAG 3.0 APCA will provide more nuanced guidance for complex contexts.

  • Luminance contrast is the most important axis for readability
  • Hue difference alone is unreliable — color-blind users may not perceive it
  • Test every text/background pair — do not estimate visually

Colors with similar perceptual properties:

Explore with PIGMENTUM

Check contrast ratios instantly for any two colors.

Full data for Faint Bloom between Waltzing → ♿ Contrast Checker →